@charset "utf-8";
html{-webkit-font-smoothing:antialiased;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, pre, form,input,select,textarea,button, fieldset, table, th, td, span,form,p,a,img,object,embed  { padding:0px; margin:0px; list-style:none; }
header,hgroup,nav,menu,main,section,article,summary,details,aside,figure,figcaption,footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input{font-family: "PingFang Regular";}
textarea{resize:none;font-family: "PingFang Regular";}
img{vertical-align:middle; max-width: 100%;}
button,select,textarea,button,input[type=submit],input[type=reset],input[type=password],input[type=search],input[type=text],input[type=button]{ -webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
select{ outline: none; }
body{ font-size: 15px; color:#535353;line-height:1.8; overflow-x: hidden; font-family:"微软雅黑","Arial"; background:#fff; }
a,li,div{ -webkit-tap-highlight-color: rgba(255,255,255,0); }
input,img,div,a,li{ outline: none; }
a{ color: #333; }
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url("ietip/browser.png") no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
a,.header,.lang:after,.lang dd,.menu-login span,.menu-login .login-close,.nav-submenu,.header .logo img,
.i_vright h3,.i_vright h3:before,.i_text .more,.article_list .text h2,.article_list .text span,.con_info .recruit_show,
.email_bot font,.custom-checkbox,.cont-sub,.l_main label,.news_more,.news_dslick .slick-slide,.re_wrap .close,
.m_left li a:before,.des_blist .shadow,.des_list .text h2,.des_list .img,.down_bot dd,.pdt_right .animation-scrollto,
.re_form input.re_sub,.shop_list > li,.shop_list > li h2,.shop_list > li span,.down_top,.pro_list li h2,.pro_list li h3,.ftit,
.pdt_right .price .buy,.product-specs-box,.cart_right .cart_sub,.float_now:after,.float_nav,.pdt_right .text span,
.pro_dbot .box .pic,.pro_dbot .box h3,.pro_dbot .box p,.code_input,.pwd_btn,.info_sub,.pwd_sub,.cart_sel_list label,.cart_sel_list label span,
.shop_list_editor,.shop_list_control label span,.order_tit .tit_product h2,.order_tit .tit_more a span,.shop_list > li .pic,
.menu-login-new .box span:after,.article_list .zoom
{ transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; }

.w{ width: 100%; }
.pr{ position: relative; }
.pa{ position: absolute; }
.tl{ text-align: left; }
.tc{ text-align: center; }
.tr{ text-align: right; }
.vt{ vertical-align: top; }
.vm{ vertical-align: middle; }
.none{ display: none; }
.cp{ cursor: pointer; }
.db{ display: block; }
.d_ib{ display: inline-block; _zoom: 1; *display: inline; }
.baseWidth{ width: 1280px; margin: 0 auto;}
.tover{display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.clear{ clear: both;}
.zoom{ display:block; overflow:hidden;}
.zoom img,.zoom span{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; height: 100%; display: block; webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1);-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.zoom img:hover,.zoom span:hover,li:hover .zoom span,li:hover .zoom img{webkit-transform: scale(1.06);-moz-transform: scale(1.06); -o-transform: scale(1.06);transform: scale(1.06); -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.over{ overflow: hidden; }
.bg_white{ background: #fff; }
.bg_f5f5f5{ background: #f5f5f5; }
.bg_color{ background: #f4f4f4; }

.zoom { position: relative; display:block; overflow:hidden; width: 100%; height: 0; padding-bottom: 75%; }
.zoom span{ display: block; position: absolute; width: 100%; height: 100%;  background-position: center; background-repeat: no-repeat; background-size: cover;webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1);-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.zoom:hover span {webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1); -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
li:hover .zoom span {webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1); -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.box-shadow {
-webkit-box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1);
    -moz-box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1);
    box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1); }
.box-shadow:hover {
-webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
    -moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
    box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3); }

/*header*/
.header{ height: auto; width: 100%; position: relative; z-index: 111; background: #23354c; top: 0; left: 0; color:#fff }
.header .baseWidth { position:relative; text-align:center }
.header .logoicon { position:absolute; left:0; color:#fff; font-size:20px; }
.header .logoicon span { color:#fff; font-size:16px; margin-left:15px; vertical-align: bottom }
.header .phone { position:absolute; right:0; font-size:15px; margin-top:15px;line-height:22px;  }
.header .phone b { font-size:26px; line-height:30px; display:block; margin-bottom:6px}
.header .phone big { font-size:16px;}
.header .logo img { transition: All 0.4s ease; -webkit-transition: All 0.4s ease; -moz-transition: All 0.4s ease; -o-transition: All 0.4s ease; margin:15px auto;  }



.navbox { color:#fff }
.nav{ height: auto; text-align:center; }
.nav li { position: relative; display:inline-block; margin:0 25px; }
.nav li>a{  display:block; height:50px; line-height: 50px; font-size:18px; color:#fff; padding:0px; text-transform: capitalize; position:relative }
.nav li.active>a { color:#01b0f1 }
 
.nav li .nav-list {z-index:21;position:absolute;display:none;overflow:hidden;top:50px; left:0;width:100%; min-width:180px; margin-left:-70px; padding:5px 0; background:#23354c; background-color:rgba(35,53,76,0.95); }
.nav li .nav-list dl dd { position: relative; }
.nav li .nav-list dl dd a { display:block; color:#fff; height:40px; line-height:40px; overflow:hidden; padding:0 5px; font-size:15px; text-transform:capitalize }
.nav li .nav-list dl dd>a:hover { background:#036eb8 }
.nav li .nav-list:hover { overflow:inherit; }

.nav li .nav-list15,.nav li .nav-list22 { margin-left:-58px; }

.menu-login{ height: 30px; line-height: 30px; margin-left: 5px; font-size: 16px; display: inline-block; vertical-align: middle; position: absolute; right:0 }


/*手机导航*/
.navbtn { display: none; z-index:100; width:50px; height:50px; line-height:50px; font-size:0; position:absolute; left:15px; top:0; text-align:center; }
.navbtn span, .navbtn span:before, .navbtn span:after {
	position: absolute;
	display: block;
	width: 25px;
	height: 2px;
	cursor: pointer;
	content: '';
	background-color: #fff;
	border-radius: 1px;
	-webkit-transition: all .4s cubic-bezier(0.19, 1, .22, 1);
	-o-transition: all .4s cubic-bezier(0.19, 1, .22, 1);
	transition: all .4s cubic-bezier(0.19, 1, .22, 1)
}
.navbtn span { margin-top:33px; width: 18px; }
.navbtn span:before {
	top: -9px
}
.navbtn span:after {
	bottom: -9px
}
.navbtn.cerrar span {
	background-color: transparent
}
.navbtn.cerrar span:before, .navbtn.cerrar span:after {
	top: 0
}
.navbtn.cerrar span:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.navbtn.cerrar span:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}


@media screen and (max-width: 1280px){
.nav li { margin:0 15px; }
.header .logoicon { font-size:16px; }
}

@media screen and (max-width: 1020px){
.header .phone { display:none }
.header .logoicon { display:none }
.header .logoicon span { display:none }
 
.header .logo img { height:40px; }
.navbtn { display: block; }
.navbox { float:none; background:#23354c; background-color:rgba(35,53,76,0.95); padding:0px 0; position: absolute; top:50px; left:0px; width:100%; z-index:1000; display:none; }
.nav{ height: auto; min-width:160px; text-align:left }
.nav li { position: relative; float: none; display:block; margin:0; }
.nav li>a{ padding:0px 20px; line-height:50px; font-size:16px; border-top: 1px solid #324b6a; }
.nav li .nav-list { display:none !important}


}


@media screen and (max-width: 949px){
.navbtn span { margin-top:23px; }
.menu-login { position:relative }
}
.menu-login .box{ height: 30px; line-height: 30px; position: relative; padding: 0 6px; min-width: 70px; display: inline-block; vertical-align: middle; }
.menu-login .box span{ cursor: pointer; display: block;  background-size: 16px; background-position: left center; background-repeat: no-repeat; }
.menu-login .box:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -8px; height: 16px; width: 1px; background: #dadada; }
.menu-login .box:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -8px; height: 16px; width: 1px; background: #dadada; }
.menu-login .box:hover span{ color: #d61518; }

.menu-login-new .box span:after{ content: ''; display: inline-block; vertical-align: -4px; margin-left: 4px; width: 16px; height: 20px; background: url("../images/icon5.png") center no-repeat; }
.menu-login dl{ text-align: center; display: none; border-radius: 5px; z-index: 666; position: absolute; left: 10%; top: 30px; width: 80%; overflow: hidden; background: #f5f5f5; z-index: 99999;}
.menu-login dd{ font-size: 14px; height: 30px; line-height: 30px; border-top: 1px solid #fff; white-space: pre; padding: 0; }
.menu-login dd:first-child{ border-top: none; }
.menu-login dd a{ color: #333; display: block; }
.menu-login dd:hover{ background: #d61518; }
.menu-login dd:hover a{ color: #fff; }



.header .language{ display: none; margin-right: 10px; }
.header .language{ font-size: 16px; vertical-align: top;}
.header .language a{ color: #666; padding: 0 8px;}
.header .language a:hover,.header .language a.on{ color: #d61518; }



.footer { padding: 3% 0; margin-top:2%; background: #23354c; }
.footer .feedbackform { width:35%; float:left }
.footer .feedbackform input { height:30px; box-sizing: border-box; line-height:30px; text-indent:8px; width:30%; border:1px solid #eee; background:none; color:#fff }
.footer .feedbackform input#dr_phone { margin:0px 3.6%}
.footer .feedbackform textarea { padding:6px 8px; height:160px; width:99.5%; box-sizing: border-box; border:1px solid #eee; background:none; color:#fff; margin:20px auto 10px auto}
.footer .feedbackform .btn { background:#01b0f1; color:#fff; border:none; cursor:pointer; display:block; float: right; width:90px; text-align:center; line-height:26px; height:26px; }

.footer .weixin { width:26%; float:left; margin:60px 2% }
.footer .weixin img { width:45%; margin-left:4%}
.footer .fmsg { width:33%; color:#fff; float: right; font-size:15px; margin-top:60px; }
.footer .fmsg p { line-height:28px; padding:5px 0; padding-left:35px; background:url(../images/bico1.png) no-repeat left center; }
.footer .fmsg p.phone { background:url(../images/bico2.png) no-repeat left center; }
.footer .fmsg p.address { background:url(../images/bico3.png) no-repeat left center; }

.fcopyright { color: #999; text-align:center;padding:20px;  }
.fcopyright li { display:inline-block; margin:5px 10px }
.fcopyright li a { color:#23354c; font-size:16px; }
.fcopyright a { color: #999; }

/*联系我们*/
.con_msg { text-align:center; font-size:20px; }

.ivr { text-align:center; margin:2% auto }
.ivr li { float:left; width:31%; margin:1% 3.5% 1% 0 }
.ivr li img { width:100%; }
.ivr li:nth-of-type(3n) { margin-right:0 }
@media screen and (max-width: 988px) {
.ivr li {width:31%; margin:1% 3.5% 1% 0   }
}



.honor_msg { width:95%; margin:20px auto; max-width:600px; }
.honor_msg ul li { float:left; width:25%; padding:0 2%; box-sizing:border-box; border-bottom:none; text-align:center }
.honor_msg ul li span { display:inline-block; vertical-align:middle; min-width:80px; margin-left:5px;  }
.honor_msg ul li i { font-size:60px; color:#01b0f1; font-style:normal; font-weight:bold; line-height:1; vertical-align:middle;font-family:"Century Gothic"; }
.honor_msg ul li sup {font-size:14px; vertical-align: bottom }
.honor_msg ul li b {font-size:24px; font-weight:normal; margin-left:5px; vertical-align: top;color:#01b0f1; }
.honor_msg ul li p { margin:3px auto; font-size:16px;}
.honor_msg ul li:last-child { border:none }
 
.honor_img { text-align:center }
.honor_img ul li {  display:inline-block; margin:10px 5px; text-align:center; line-height:32px;}
.honor_img ul li img { width:100%}
.honor_img ul li p { height:30px; }
@media screen and (max-width: 908px) {
.honor_msg ul li i { font-size:40px; }
.honor_msg ul li sup {font-size:12px; vertical-align: bottom }
.honor_msg ul li b {font-size:20px; }
.honor_msg ul li p { margin:2px auto; font-size:12px;}	
}
 

 
.yunying_img ul li { float:left; width:48%; margin:20px 1%}
.yunying_img ul li img { width:100%}
@media screen and (max-width: 1068px) {
.yunying_img ul li {  margin:6px 1%}	
}

.zizhu_img ul li { float:left; width:48%; margin:20px 1%; text-align:center; font-size:18px }
.zizhu_img ul li .zizhu_l { float:left; width:45%}
.zizhu_img ul li .zizhu_r { float:left; width:55%; padding:60px 20px; box-sizing:border-box}
.zizhu_img ul li .zizhu_r p { margin-top:10px }
@media screen and (max-width: 1068px) {
.zizhu_img ul li { width:100%;  margin:4px 1%; }	
.zizhu_img ul li .zizhu_r { padding:30px 15px; box-sizing:border-box}
}




.history_li { margin:20px auto 20px 20%; background:url(../images/xian.jpg) 63px repeat-y;}
.history_li ul li { position:relative; padding-left:145px; line-height:26px; font-size:18px; margin:20px auto }
.history_li ul li span { position:absolute; left:0; top:0; display:inline-block; background:#fff url(../images/ls.png) no-repeat 53px center; background-size:auto 25px; padding-right:100px;}

.culture_img ul li { width:31%; float:left; margin:10px 1%}
.culture_img ul li img { width:100%}

.yanfa_img ul li { width:48%; float:left; margin:10px 1%}
.yanfa_img ul li img { width:100%}
.yanfa_img ul li:first-child{ width:98%;}



/*内页二级导航*/
.submenu { height:auto; line-height:40px; margin:3% auto; text-align:center;  }
.submenu ul li { display:inline-block; margin:0px 1px;  }
.submenu ul li a { color:#fff; padding:6px 20px;  font-size:18px; background:#026eb7 }
.submenu ul li.current a {background:#23354d  }
.submenu h3 { display: none; font-size:24px; }

@media screen and (max-width: 1068px) {
	.submenu ul li a { color:#fff; padding:4px 15px;  font-size:16px;  }
/*.submenu { height: auto; padding:12px 3% 10px 3%; line-height:24px; font-size:14px; background:#fff; position:relative;text-align:left; background:#fff}
.submenu .submenu_on { position:absolute; right:3%; top:12px; width:40px; height:36px; background:url(../images/submenudown.png) no-repeat center; }
.submenu .submenu_on1 { background:url(../images/submenuup.jpg) no-repeat center !important; }
.submenu h3 { display:block; border:1px solid #999; position:relative; padding:5px 10px;  }
.submenu .submenu_box { display:none; padding:10px 5px } 
.submenu .submenu_box li { display:block; margin:3px 2%;}*/
}



/* banner */
.banner { position:relative; margin-bottom:1%;  }
.swiper-banner .swiper-slide { position:relative; background:#fff }
.swiper-banner .swiper-slide .wrapper { }
.swiper-banner .swiper-slide .detail{
	position:absolute;
	width:60%;
	top:50%;
	height: auto;
	color:#fff;
	font-size:30px;
	opacity:0;
    transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;  
}
.swiper-banner .swiper-slide-active .detail{
	top:40%;
	opacity:1;
}
.swiper-banner .swiper-slide-active .detail h2 { font-size:48px; font-weight:bold; margin-bottom:15px; }
 
.banner .swiper-container .swiper-pagination { position:absolute; bottom:10px; text-align: center; }
.banner .swiper-container .swiper-pagination-bullet {
    opacity: 1;
    position: relative;
    width: 35px;
    height: 3px;
    border-radius: 0;
    margin: 0 8px;
    background-color: rgba(220,220,220,0.6);
    transition: background-color .5s ease;
}
.banner .swiper-container .swiper-pagination-bullet-active { width: 50px; }
.banner .swiper-container .swiper-pagination-bullet::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: 0 0;
}
.banner .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    animation: sliderPagination 6s linear forwards
}
.banner .swiper-container .swiper-pagination-bullet:hover {
    background-color: #fff;
}
@keyframes sliderPagination {
 	100% {
		transform: scaleX(1);
        opacity: 1;
    }
}
 


 
.scroll-btn{ cursor: pointer; position: absolute; bottom: 65px; left: 50%; margin-left: -20px; width: 40px; height: 22px; background: url("../images/icon7.png") center no-repeat; background-size: contain; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transition: transform .2s ease,opacity .2s ease; -webkit-transition: transform .2s ease,opacity .2s ease; -moz-transition: transform .2s ease,opacity .2s ease; -o-transition: transform .2s ease,opacity .2s ease; }





.ititle { text-align:center; color:#313131; margin:30px auto 20px auto }
.ititle h2 { font-size:32px; line-height:58px; font-weight:bold  }
.ititle h3 { font-size:26px; }
.ititle p { font-size:20px; line-height:36px; letter-spacing:2px; color:#555  }
.typename { text-align:center; font-size:32px;color:#222; margin:30px auto 20px auto}

.ipartner  { margin:20px auto }
.ipartner ul li { width:16%; margin:0px 2%; float:left; margin-bottom:25px; }


.ipro_list { margin-top:30px }
.ipro_list ul li { width:32%; float:left; margin-right:2%; text-align:center;  }
.ipro_list ul li img { max-height:230px }
.ipro_list ul li:nth-of-type(3n){ margin-right: 0; }
.ipro_list ul li a { display: block; border:2px solid #026eb7; text-align:center; background:#ddd;
-webkit-box-shadow: 0 0 15px rgba(2, 2, 2, .5);
    -moz-box-shadow: 0 0 15px rgba(2, 2, 2, .5);
    box-shadow: 0 0 15px rgba(2, 2, 2, .5); }
.ipro_list ul li p { font-size:18px; line-height:30px; margin:8px }
a.promore { display:block; background:#036eb8; color:#fff; width:200px; text-align:center; margin:1% auto; height:40px; line-height:40px; }


.eightda { text-align:center; font-size:22px; line-height:1.5 }
.eightda p strong { color:#026eb7; font-size:90px; font-family:Arial, Helvetica, sans-serif }
.eightda p small { color:#026eb7; font-size:42px; }
.eightda h3 { display:inline-block; height:44px; line-height:44px; padding:0px 70px; background:#dcdcdc;font-size:24px   }
.eightda h3 span { display:inline-block;  background:#026eb7; padding:0px 35px; margin:0px; height:44px; line-height:44px; color:#fff; }


.newdiff-con {
  margin: 0 auto;
  font-size: 16px;
  margin-top: 4.666%;
  max-width: 980px; }
  .newdiff-con .box {
    text-align: right;
    float: left;
    position: relative;
    width: 23%;
    margin-right: 2%;
    margin-bottom: 4.5%; }
    .newdiff-con .box:nth-of-type(4n) {
      margin-right: 0; }
    .newdiff-con .box .con {
      position: relative;
      padding: 8% 0;
      text-align: center;
      display: inline-block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #8f959f;
      width: calc((100% / 285) * 260); }
      .newdiff-con .box .con p {
        font-size: .875em;
        color: #222a35;
        line-height: 2; }
      .newdiff-con .box .con span {
        display: block;
        font-size: 1.125em;
        color: #01b0f1;
        line-height: 2; }
    .newdiff-con .box .ico {
      position: absolute;
      left: -2.65625em;
      top: 50%;
      width: 5.3125em;
      height: 5.3125em;
      margin-top: -2.65625em; }
      .newdiff-con .box .ico.ico1 {
        background: url("../images/cyico1.jpg") no-repeat center;
        -webkit-background-size: 100%;
        background-size: 100%; }
      .newdiff-con .box .ico.ico2 {
        background: url("../images/cyico2.jpg") no-repeat center;
        -webkit-background-size: 100%;
        background-size: 100%; }
      .newdiff-con .box .ico.ico3 {
        background: url("../images/cyico3.jpg") no-repeat center;
        -webkit-background-size: 100%;
        background-size: 100%; }
      .newdiff-con .box .ico.ico4 {
        background: url("../images/cyico4.jpg") no-repeat center;
        -webkit-background-size: 100%;
        background-size: 100%; }
		
@media (max-width: 768px){
.honor_msg ul li big { font-size:32px; line-height:40px }
.honor_img ul li { width:46%; text-align:center; vertical-align:top;}
.honor_img ul li p { line-height:22px; margin-top:5px }

.eightda { font-size:15px; line-height:28px  }
.eightda p big { font-size:40px; }
.eightda p small { font-size:22px; }
.eightda h3 { height:34px; line-height:34px; font-size:18px; padding:0px 50px; margin:15px auto  }
.eightda h3 span {  height:34px; line-height:34px;}
	
.newdiff-con .box {
    margin-right: 0;
    width: 50%;
}
.newdiff-con .box .con p {
font-size: 13px;
line-height:22px; }
.newdiff-con .box .con span {
font-size: 14px;
line-height: 1.6; }
.newdiff-con .box .ico { width:55px; height:55px;  margin-top: -25px;left: -30px;}
		
.ipartner  { margin:20px auto }
.ipartner ul li { width:23%; margin:0px 1%; margin-bottom:15px; }

}



.content_text { font-size:18px; }



.dianfan { padding:60px ; background:#2d79b5 }
.dianfan_l { width:40%; float:left }
.dianfan_l img { margin-bottom:20px }
.dianfan_r { width:55%; float: right; color:#fff }
.dianfan_r h3 { font-size:40px; margin-top:40px }
.dianfan_r p { font-size:20px; letter-spacing:2px }
.dianfan_r ul li { width:48%; margin:20px 1%; float:left }
@media (max-width: 768px){
.dianfan { padding:40px 20px ; }
.dianfan_l { width:100%; float: none }
.dianfan_l img { margin-bottom:20px }	
.dianfan_r { width:100%; float: none; color:#fff }
.dianfan_r h3 { font-size:22px; margin-top:20px }
.dianfan_r p { font-size:14px; letter-spacing:2px }
.dianfan_r ul li { margin:6px 1%;}
}

.fixed_menu {position: fixed; background:#23354c; right:10px; top:45%; padding:10px; -webkit-box-shadow: 0 0 8px #eee;-moz-box-shadow: 0 0 8px #eee;box-shadow: 0 0 8px #eee;}
.fixed_menu li { height:30px; line-height:30px; font-size:14px}
.fixed_menu li a { color:#fff }

.pic_list ul li { float:left; text-align:center; font-size:18px; line-height:32px; }
.pic_list ul li img { width:100% }
.pic_list ul li p { margin-top:5px }

/*流程*/
.liucheng_list {  margin:60px auto 60px auto; position:relative}
.liucheng_list ul li { background:url(../images/lc_line.jpg) repeat-x center; width:11%; float:left; height:42px; position:relative; margin-bottom:40px }
.liucheng_list ul h3 { float:left; width:56px; height:68px; line-height:34px; padding:40px 46px; background:url(../images/lc.jpg) no-repeat center; font-size:22px; color:#fff; text-align:center; position:absolute; left:-2px; top:-55px; z-index:22 }
.liucheng_list ul li span { width:42px; height:42px; line-height:42px; display: inline-block; background:url(../images/lc2.jpg) no-repeat center; font-size:14px }
.liucheng_list ul li p { width:100%; position:absolute; top:35px; padding-top:10px; background:url(../images/lc_li.jpg) no-repeat top; }
.liucheng_list ul li.li2 p { top:-46px; padding-top:0px; padding-bottom:10px; background:url(../images/lc_li.jpg) no-repeat bottom; }


/*团队*/
.pic3_list ul li { width:32%; margin-right:2%; margin-bottom:20px }
.pic3_list ul li:nth-of-type(3n) { margin-right:0 }
.zuopin_list {}
.zuopin_list ul li { width:19%; margin-right:1.25%; margin-bottom:20px }
.zuopin_list ul li:nth-of-type(5n) { margin-right:0 }

.custom_case  { margin:60px auto; }
.custom_case ul li { width:47%; float:left; background:#f2f2f2; margin-bottom:40px }
.custom_case ul li.li2 { margin-left:5%}
.custom_case ul li img { width:55%; float:left }
.custom_case ul li .text { width:45%; float:left; text-align:center; padding:20px 0px;  }
.custom_case ul li h3 { font-size:22px; line-height:30px; color:#111; margin:20px ;  }
.custom_case ul li p { font-size:16px; margin:20px; }
.custom_case ul li a.more { padding:5px 20px; background:#0078d7; font-size:16px; color:#fff; border-radius:16px; overflow:hidden }










@media screen and (max-width: 1024px) {
.custom_case ul li .text {  padding:15px 0px;  }
.custom_case ul li h3 { font-size:20px; line-height:24px; margin:10px;  }	
}


@media screen and (max-width: 768px) {
.content_text { font-size:14px; }
	
.ititle h2 { font-size:21px; line-height:30px;  }
.ititle h3 { font-size:19px; line-height:26px }
.ititle p { font-size:16px; line-height:24px }
.typename { font-size:24px; margin: 20px auto 10px auto;}


.custom_case  { margin:30px auto; }
.custom_case ul li { width:100%; float: left; margin-bottom:20px }
.custom_case ul li.li2 { margin-left:0 }
.custom_case ul li img { width:45%; }
.custom_case ul li .text { width:55%; padding:5px 0px;  }
.custom_case ul li h3 { font-size:16px; line-height:22px; margin:5px ;  }
.custom_case ul li p { font-size:13px; line-height:16px; margin:8px; }
.custom_case ul li a.more { padding:3px 12px; font-size:14px; border-radius:12px;  }


.pic_list ul li { font-size:15px; line-height:24px; }

.liucheng_list { margin:30px auto 0 auto}
.liucheng_list ul li { width:25%;  font-size:13px; margin-bottom:60px }
.liucheng_list ul h3 { float:left; width:40px; height:40px; line-height:20px; padding:20px; background-size:100%; font-size:16px; left:-2px; top:-25px; }
.liucheng_list ul li p { top:35px;  }
.liucheng_list ul li.li2 p { top:-38px; }


 


/*团队*/
.pic3_list ul li { width:48%; margin-bottom:10px; margin-right:4% }
.pic3_list ul li:nth-of-type(3n) { margin-right:4% }
.pic3_list ul li:nth-of-type(2n) { margin-right:0 }

.zuopin_list ul li { width:32%; margin-right:2%; margin-bottom:15px }
.zuopin_list ul li:nth-of-type(5n) { margin-right:2% }
.zuopin_list ul li:nth-of-type(3n) { margin-right:0 }

.ipro_list { margin-top:20px }
.ipro_list ul li { float:left;  margin-bottom:10px }
.ipro_list ul li a { border:1px solid #026eb7; }
.ipro_list ul li img { max-height:90px }
.ipro_list ul li p { font-size:14px; line-height:20px; margin:10px 5px }
.ipro_list a.promore { display:block; background:#036eb8; color:#fff; width:150px; text-align:center; margin:15px auto; height:32px; line-height:32px; font-size:13px }



.footer .feedbackform { width:100%; float: none }
.footer .feedbackform input { width:31%; }
.footer .feedbackform input#dr_phone { margin:0px 2%}
.footer .feedbackform textarea { height:120px; margin:12px auto 10px auto}
.footer .feedbackform a#submit { float:none; margin:0px auto}

.footer .weixin { width:100%; float:none; margin:30px 0 }
.footer .weixin img { width:45%; margin:0px 2%}
.footer .fmsg { width:100%; color:#fff; float: right; font-size:15px; margin-top:0px; }
.footer .fmsg p { font-size:14px;line-height:22px }
.fcopyright li { margin: 1px 5px; }
.fcopyright li a { font-size: 15px; }
.fcopyright p { margin-top:7px }
}


.i_vleft{ margin-left: 5%; width:45%; }
.i_vleft img { vertical-align:middle; width:100% }

.i_vright{ margin-right: 5%; width: 40%; }
.i_vright h3 { font-size: 24px; text-transform: uppercase; margin: 0px auto 0px auto; }
.i_vright .shorttitle { color:#888;  }
.i_vright i { display:block; margin:10px auto}
.i_vright i:before{ content: ''; display: inline-block; vertical-align: middle; width:40px; height: 2px; background: #d61518; }
.i_vright:hover i:before{ width: 60px; background: #d61518; }

@media screen and (max-width: 768px) {
.i_vright i {  margin:10px auto}
}
.i_vright .text_p{ margin-bottom: 28px; font-size: 16px; line-height: 28px; height: 84px; overflow: hidden; }
.i_vright .more{ font-size: 16px; color: #d61518; border:1px solid #ddd; float:right; display:block; margin:30px 0 0 0; width:180px; line-height: 34px; text-align:center }
.i_vright .more:hover{  border:1px solid #d61518; }

 
.i_pic1{ position: relative; width: 100%; height: auto; padding:6% 0; background-repeat: no-repeat; background-position: center; background-size: cover; }
.i_pic2{ position: relative; width: 100%; /*height: 0;*/ padding:23% 0; background-repeat: no-repeat; background-position: center; background-size: cover; }
.i_pic3 { position: relative; width: 100%; height: auto; padding:18% 0 10% 0; background-repeat: no-repeat; background-position: center; background-size:100% auto; }
.i_pic3 .i_vleft { width:31% }
@media screen and (max-width: 1028px) {
.i_pic2{  padding:32% 0;}
.i_pic3 { padding:43% 0 6% 0; background-position: top;}
.i_pic3 .i_vleft { width:100% }
}


/*公共*/
.path{ line-height: 30px; padding: 22px; color: #999; vertical-align: middle; font-size: 14px; }
.path a{ padding-left: 15px; margin-left:5px; background: url("../images/path.png") left center no-repeat; background-size: 6px; color: #333; vertical-align: middle; font-size: 14px; }
.path a:hover{ color: #d61518; vertical-align: middle; }
.path.white{ color: #fff; }
.path.white a,.path.white span{ color: #fff; }
.path.white a:hover,.path.white span{ color: rgba(255,255,255,.8); }
.m_main{ padding-bottom: 20px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.pro_main,.cart_main,.shop_main{ padding-bottom: 60px; }
.m_main.no_pb{ padding-bottom: 0; }
.m_left{ width: 306px; padding-right: 20px; box-sizing: border-box; }
.m_left .m_search{ margin: 5px 0 35px; background: #fff; width: 257px; height: 50px; border: 1px solid #d6d6d6; box-sizing: border-box; }
.m_left .m_search_input{ font-size: 14px; width: 210px; border: none; height: 48px; line-height: 48px; box-sizing: border-box; padding: 0 25px; }
.m_left .m_search_sub{ cursor: pointer; width: 45px; height: 48px; border: none; background: url("../images/icon23.png") 2px center no-repeat; background-size: 18px; }
.m_left .title{ line-height: 30px; font-size: 16px; font-family: "Pieta Medium",'微软雅黑','Arial'; }
.m_left li{ line-height: 36px; font-size: 16px; }
.m_left a{ display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.m_left li > a{ color: #999; }
.m_left li > a:before{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 1px; background: #999; }
.m_left li.on > a,.m_left li:hover > a{ color: #d61518; }
.m_left li.on > a:before,.m_left li:hover > a:before{ background: #d61518; width: 28px; margin-right: 10px; }
.m_left dd a{ display: block; text-indent: 38px; color: #999; }
.m_left dd a:hover,.m_left dd.on a{ color: #d61518; }
.m_left li > a.fontbold{font-weight: bold; color: #666}

.m_right{ box-sizing: border-box; width: calc(100% - 306px); }






/*设计师列表*/
.des_list{ padding: 25px 66px; }
.des_list li{ padding: 40px 0; border-top: 1px solid #ebebeb; }
.des_list li:first-child{ border-top: none; }
.des_list .img{ position: relative; width: 25.4%; height: 0; padding-bottom: 24.4%; }
.des_list .img span{ background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; width: 100%; height: 100%; }
.des_list .img:hover{ box-shadow: 0 2px 8px rgba(0,0,0,.1); transform: translateY(-2px); }
.des_list .text{ width: 68.8%; }
.des_list .text h2{ margin: 12px 0 10px; font-size: 36px; }
.des_list .text h2:hover{ color: #d61518; }
.des_list .text_p{ margin-bottom: 20px; box-sizing: border-box; display: inline-block; max-width: 100%; position: relative; padding-right: 100px; font-size: 16px; line-height: 32px; }
.des_list .text_p a{ position: absolute; right: 0; color: #d61518; }
.des_list .text_p a:hover{ color: #c6ba9a; }
.des_list .des_blist dd{ overflow: hidden; position: relative; width: 25%; float: left; padding-bottom: 20.8%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.des_list .des_blist dd:hover .shadow{ top: 0; }


/*产品列表*/
.pro_list li{ margin-bottom: 30px; width: 49.1%; margin-right: 1.8%; float: left; }
.pro_list li:nth-of-type(2n){ margin-right: 0; }
.pro_list .zoom{ position: relative; width: 100%; height: 0; padding-bottom: 64.5%; }
.pro_list .zoom span{ position: absolute; }
.pro_list .text{ padding: 34px 30px; }
.pro_list .text h2{ font-size: 32px; margin-bottom: 8px;  }
.pro_list .text h3{ font-size: 16px; }
.pro_list li:hover h2,.pro_list li:hover h3{ color: #d61518; }

/*产品详情*/
.pro_dtop{ padding: 8px 0 48px; }
.pdt_left{ width: 64%; height: 0; padding-bottom: 39.37%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.pdt_right{ width: 30%; }
.pdt_right .text h2{ margin: 32px 0 4px; font-size: 32px;  }
.pdt_right .text h2 span{ margin-left: 1%; color: #999; font-family: 'PingFang Regular','微软雅黑','Arial'; }
.pdt_right .text a span{ font-size: 16px; color: #999; display: block; line-height: 30px; }
.pdt_right .text a:hover span{ color: #d61518; }
.pdt_right .text_p{ margin-top: 38px; height: 144px; margin-bottom: 26px; font-size: 16px; line-height: 36px; }
.pdt_right .price{ margin-bottom: 20px; }
.pdt_right .price .em{ font-family: "Pieta Thin",'微软雅黑','Arial'; float: left; width: 176px; background: #fff; height: 70px; line-height: 70px; font-size: 20px; color: #d61518; text-align: center; }
.pdt_right .price .buy{ float: left; width: 82px; height: 70px; background-color: #d61518; background-image: url("../images/icon24.png"); background-position: center; background-repeat: no-repeat; background-size: 25px; }
.pdt_right .price:hover .buy{ background-color: #d61518; }
.pdt_right .animation-scrollto{ cursor: pointer; font-size: 16px; line-height: 30px; padding-left: 22px; background: url("../images/icon25.png") left center no-repeat; }
.pdt_right .animation-scrollto:hover{ color: #d61518; }
.pdt_right .pad{ height: 0; padding-bottom: 23%; width: 100%; }
.pdt_right .pro_share{ font-size: 16px; line-height: 42px; }
.pdt_right .pro_share a{ margin: 0 10px; width: 42px; height: 42px; border-radius: 50%; display: block; float: left; background-repeat: no-repeat; background-position: center; background-size: contain; }
.pdt_right .pro_share a:first-child{ margin-left: 0; }
.pdt_right .pro_share a:hover{ opacity: .6; }
.pro_share a.wechat{ background-image: url("../images/icon26.png"); }
.pro_share a.qq{ background-image: url("../images/icon27.png"); }
.pro_share a.weibo{ background-image: url("../images/icon28.png"); }
.pro_share a.email{ background-image: url("../images/icon29.png"); }
.pro_dmid{ padding: 15px 0 75px; }
.pro_dmid .box{ background-repeat: no-repeat; background-position: center; background-size: cover; height: 0; padding-bottom: 25.8%; width: 31.875%; margin-right: 2.1875%; float: left; }
.pro_dmid .box:nth-of-type(3n){ margin-right: 0; }
.pro_ins{ padding: 64px 0 80px; color: #fff; background: #d61518; }
.pro_ins h2{ font-size: 40px; margin-bottom: 100px; }
.product-specs-row{ width: 77.5%; margin: 0 auto; }
.product-specs-box{ float: left; box-sizing: border-box; width: 50%; margin: 0; border-right: 1px solid #fff; }
.product-specs-box:first-child{ border-left: 1px solid #fff; }
.product-specs-box a{ display: block; width: 100%; height: 100%; padding: 28px 30px; line-height: 30px; box-sizing: border-box; color: #fff; font-size: 16px; }
.product-specs-box span{ display: block; }
.product-specs-box span:after{ content: ''; display: block; height: 30px; width: 30px; margin: 0 auto; background: url("../images/icon30.png") center no-repeat; background-size: 14px; }
.product-specs-box:hover{ background-color: #6c5336; }
.pro_dbot{ padding: 75px 0 0; }
.pro_dbot h2{ font-size: 40px; margin-bottom: 75px; text-align: center; }
.pro_dbot .clearfix{ font-size: 0; text-align: center; }
.pro_dbot .box{ display: inline-block; vertical-align: top; width: 23.75%; margin-right: 1.666%; position: relative; }
.pro_dbot .box:nth-of-type(4n){ margin-right: 0; }
.pro_dbot .pic{ width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; height: 0; padding-bottom: 80%; }
.pro_dbot .text h3{ margin: 22px 0 8px; font-size: 32px;  }
.pro_dbot .text p{ margin-bottom: 15px; font-size: 16px; color: #999; }
.pro_dbot .box:hover .pic{ box-shadow: 0 2px 30px rgba(0,0,0,.1); }
.pro_dbot .box:hover .text h3,.pro_dbot .box:hover p{ color: #d61518; }


/*店铺*/
.shop_top .pic{ background-repeat: no-repeat; background-position: center; background-size: cover; width: 61.56%; padding-bottom: 28.25%; height: 0; }
.shop_top .text{ position: relative; width: 38.44%; padding-bottom: 28.25%; height: 0; text-align: center; }
.shop_twrap{ padding: 55px 0 30px; display: inline-block; text-align: left; margin: 0 auto; width: 70.8%; }
.shop_twrap h2{ margin-bottom: 18px; font-size: 24px;  }


.shopbot{ padding: 65px 0 20px; }
.shopbot h2{ margin-bottom: 42px; font-size: 32px; text-align: center; }
/*dropdown*/
.dropdown,
.dropup{position: relative}
.dropdown-toggle:focus{outline: 0}
.dropdown-menu{position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175)}
.dropdown-menu.pull-right{right: 0; left: auto}
.dropdown-menu .divider{height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5}
.dropdown-menu>li>a{display: block; padding: 3px 20px; clear: both; line-height: 1.42857143; color: #333; white-space: nowrap}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover{color: #262626; text-decoration: none; background-color: #f5f5f5}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover{color: #fff; text-decoration: none; background-color: #337ab7; outline: 0}
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover{color: #777}
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover{text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)}
.open>.dropdown-menu{display: block}
.open>a{outline: 0}
.dropdown-menu-right{right: 0; left: auto}
.dropdown-menu-left{right: auto; left: 0}
.dropdown-header{display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap}
.dropdown-backdrop{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990}
.pull-right>.dropdown-menu{right: 0; left: auto}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret{content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid\9}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu{top: auto; bottom: 100%; margin-bottom: 2px}
@media (min-width:768px){.navbar-right .dropdown-menu{right: 0; left: auto} .navbar-right .dropdown-menu-left{right: auto; left: 0}}
.dropdown.disabled{ opacity: .4; pointer-events: none; }
.dropdown{position: relative; top: 0; right: auto; left: 0; display: inline-block; overflow: visible; width: auto}
.dropdown.show .btn.dropdown-toggle.focus,
.dropdown.show .btn.dropdown-toggle:focus{border-color: #000; background-color: #000; color: #fff}
.dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain{outline: 0!important; border: none!important; background: 0 0!important}
.dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain::after{border-color: 1px solid #000}
.dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain.dark-theme, .dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain{color: #fff!important}
.dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain.dark-theme::after, .dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain::after{border: 1px solid #000!important; filter: invert(100%)!important}
html.no-cssfilters .dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain.dark-theme::after,
html.no-cssfilters .dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain::after{border: 1px solid #fff!important}
.dropdown .btn.dropdown-toggle.focus,
.dropdown .btn.dropdown-toggle:focus{box-shadow: none!important}
.dropdown .btn.dropdown-toggle.dropdown-toggle-plain{ background-color: transparent; font-size: 16px; position: relative; top: 0; right: auto; left: 0; border: none; overflow: hidden; margin: 0; padding: 0 40px 0 0; width: auto; height: 24px; }
.dropdown .btn.dropdown-toggle.dropdown-toggle-plain::after{content: ''; position: absolute; top: 0; right: 1px; left: auto; overflow: hidden; width: 24px; height: 24px; background-image: url("../images/icon19.png"); background-position: center; background-size: 22px; background-repeat: no-repeat; }
.dropdown .btn.dropdown-toggle.dropdown-toggle-plain+.dropdown-menu{top: 130%}
.dropdown .dropdown-menu{margin: 0; padding: 0; border: none; box-shadow: 0 0 12px rgba(0, 0, 0, .22)}
.dropdown a.dropdown-item:hover{color: #d61518;}
.dropdown a.dropdown-item.active{background: #d61518; color: #fff; pointer-events: none;}
/*.dropdown .dropdown-menu .dropdown-item::before{position: absolute; overflow: hidden; width: 0; height: 100%; background-color: #d61518; content: ""; left: 0; top: 0;}*/
.dropdown a.dropdown-item.active::before{width: 3px;}
.dropdown .dropdown-menu .dropdown-item{ box-sizing: border-box; position: relative; overflow: hidden; padding: 16px 30px; min-width: 200px; border: none; border-top: 1px solid #ddd; background: #fff; color: #666; text-align: left; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 1; transition: padding .28s ease,background .2s ease,color .2s ease; display: block;}
.dropdown .dropdown-menu.center{left: 50%; margin-left: -110px;}
.dropdown .dropdown-menu{ cursor: pointer; overflow: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; max-height: 305px; width: 220px;}
.shopbot .select_box{ margin-bottom: 100px; }
.shopbot .select_box .dropdown{ margin: 0 38px; }
.shop_list > li{ background: #fff; width: 22.68%; float: left; margin-right: 3.093%; margin-bottom: 3%; }
.shop_list > li:nth-of-type(4n){ margin-right: 0; }
.shop_list > li .pic{ opacity: .8; width: 100%; height: 0; padding-bottom:70%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.shop_list > li .text{ padding:10px; box-sizing: border-box; line-height:26px; font-size:16px; text-align:center }

.shop_list > li .text .pad{ width: 100%; height: 0; padding-bottom:20%; }
.shop_list > li .text span{ font-size: 16px; line-height: 30px; }
.shop_list > li:hover{ box-shadow: 0 0 30px rgba(0,0,0,.2); }
.shop_list > li:hover h2,.shop_list > li:hover span{ color: #d61518; }
.shop_list > li:hover .pic{ opacity: 1; }
.shop_list > li .text h3 { border-top:1px solid #eee; padding-top:10px; }





/*店铺详情*/
.shop_dcon{ width: 81.6%; margin: 90px auto; box-sizing: border-box; }
.shop_dleft{ width: 63.7%; height: 632px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.shop_dright{ position: relative; width: 36.3%; height: 632px; text-align: center; }
.shop_dright .shop_twrap{ width: 78%; padding: 70px 0; }
.shop_twrap .detail{ position: absolute; bottom: 70px; left: 11%; }
.shop_twrap .detail .dis{  font-size: 16px; color: #999; min-width: 100px; text-align: center; padding: 0 5px; display: inline-block; vertical-align: middle; }
.shop_twrap .detail .btn{ display: inline-block; vertical-align: middle; width: 155px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #ccc; box-sizing: border-box; }
.shop_twrap .detail .btn:hover{ background: #c6bb99; border: 1px solid #c6bb99;color: #fff; }
.shop_twrap .detail .btn i{ width: 16px; height: 100%; vertical-align: top; display: inline-block; background: url("../images/icon20.png") center no-repeat; margin-right: 15px; }

/*新闻列表*/
.news_list li { padding:30px 0; border-bottom:1px dashed #01b0f1 }
.news_list li img { float:left; margin-right:20px; width:200px; }
.news_list li .text { }
.news_list li .text h2 { font-size:22px; margin:10px 0 }
.news_list li .text span { margin-top:10px; float:right; padding-left:30px; background: url(../images/time.png) no-repeat left center; color:#01b0f1; margin-left:15px }
.news_list li .text span.click {  background: url(../images/ys.png) no-repeat left center; }
.news_title { font-size:28px; color:#1b70cb; text-align:center }
.news_info { text-align:center }

@media screen and (max-width: 760px){
	.news_title { font-size:20px; }
.news_list li { padding:20px 0; border-bottom:1px dashed #01b0f1 }
.news_list li img { float: none; margin-right:0px; width:100%; }
}


/*文章列表*/
.article_list{ margin:3% auto 1% auto }
.article_list li{ margin-bottom: 1%; width: 24%; float: left; margin-right:1.3333%; }
.article_list li p { text-align:center; font-size:18px; margin:10px auto;}
.article_list li:nth-of-type(4n){ margin-right: 0; }

.kepu_list li { width: 32%; float: left; margin-right:2%; margin-bottom: 30px !important;}
.kepu_list li:nth-of-type(3n){ margin-right: 0; }
.kepu_list li:nth-of-type(4n){margin-right:2%; } 

.vrzhuti_list li{ width: 49%; }
.vrzhuti_list li:nth-of-type(2n){ margin-right: 0; }

.wenlv_list li{ width: 49%;  text-align:center}
.wenlv_list li:nth-of-type(2n){ margin-right: 0; }
.wenlv_list li h2 { margin:15px auto; font-size:28px }
.wenlv_list li .more { display:block; width:40%; margin:40px auto; font-size:18px; height:40px; line-height:40px; background:#1885e4; color:#fff; letter-spacing:2px; border-radius:20px; }



.yingyuan_list li{ width: 15%; margin-right:2%; }
.yingyuan_list li:nth-of-type(6n){ margin-right: 0; }
.yingyuan_list li:nth-of-type(4n){  margin-right:2%; }

.article_list .zoom{ position: relative; padding-bottom: 70%; opacity: 1; }
.article_list .zoom span{ position: absolute; }
.article_list .text h2{ margin: 15px 0 8px; font-size: 18px; text-align:center  }
.article_list .text span{ font-size: 16px; color: #999; }
.article_list li:hover .text h2,.article_list li:hover .text span{ color: #d61518; }
.article_list li:hover .zoom{   }
.article_list li[data-show=on-scroll],.pro_list li[data-show=on-scroll]{ opacity: 0; -webkit-transform: translate(0,80px); -ms-transform: translate(0,80px); transform: translate(0,80px); -webkit-transition: opacity .6s .1s,-webkit-transform .6s; transition: opacity .6s .1s,transform .6s; }
.article_list li.delay1,.pro_list li.delay1{ transition-delay: 50ms; }
.article_list li.delay2,.pro_list li.delay2{ transition-delay: 150ms; }
.article_list li.delay3,.pro_list li.delay3{ transition-delay: 200ms; }
.article_list li.delay4,.pro_list li.delay4{ transition-delay: 250ms; }
.article_list li.delay5,.pro_list li.delay5{ transition-delay: 300ms; }
.article_list li.delay6,.pro_list li.delay6{ transition-delay: 350ms; }
.article_list li.in-view,.pro_list li.in-view{ opacity: 1; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); }
.news_more{  background: #fff; font-size: 16px; text-align: center; cursor: pointer; width: 226px; height: 70px; line-height: 70px; margin: 0 auto 30px; }
.news_more{background: #F5F5F5;}
.news_more:hover{ background: #d61518; color: #fff; }
.news_go { text-align:right; font-size:18px; letter-spacing:2px; }
.news_go a { background:url(../images/news_go.jpg) repeat-x; background-size:auto 100%; color:#fff; letter-spacing:1px; padding:0px 20px; margin-left:20px;  }


.inews ul li { width:48%; float:left; margin-right:4%; margin-bottom:40px; background:#eee; font-size:14px }
.inews ul li:nth-of-type(2n){ margin-right: 0; }
.inews ul li img { float:right; width:35%; height:180px }
.inews ul li .text { float:left; width:65%; padding:20px 15px; box-sizing: border-box;  }
.inews ul li .text h2 { font-size:21px; line-height:24px; margin-bottom:15px; }
@media screen and (max-width: 768px){
.inews ul li { width:100%; float:left; margin-right:0; margin-bottom:20px; }
.inews ul li img { height:105px }
.inews ul li .text { padding:6px 10px; box-sizing: border-box; height:105px; }
.inews ul li .text h2 { font-size:16px; line-height:22px; margin:3px 0 6px 0; }
.inews ul li .text p {line-height:20px; font-size:13px; height:60px; overflow:hidden; }

.article_list li p { margin:5px auto; font-size:15px }
.wenlv_list li .more { font-size:16px; width:50%;margin: 20px auto; }
}




/*新闻详情*/
.news_dcon{ }
.news_dcon h2{ margin-top: 3%; }
.news_dcon .text{ margin-bottom:4% }
.news_dcon .pic{ margin-bottom: 70px; /*font-size: 0;*/ }
.news_dcon .pic img{ display: inline-block; vertical-align: middle; }
.news_dcon .pic span{ display: inline-block; vertical-align: middle; }
.news_dcon .pic .无图片信息 { display:none }
.news_dcon .pic .big{ width: 55%; margin-right: 6.55%; }

.news_dcon .pic .small{ width: 38%; }
.news_dcon .text .box.fl{ width: 47.3%; }
.news_dcon .text .box.fr{ margin-left: 8.13%; width: 44.57%; }
.news_dslick{ margin: 10px auto 95px; }
.news_dslick .img{ padding: 0 10px; box-sizing: border-box; text-align:center; color:#1b70cb }
.news_dslick .img img { border:1px solid #eee; box-sizing:border-box }
.news_dslick .img p { margin:10px auto; font-size:18px }
.news_dslick .slick-dots{ bottom: -28px; }
.news_dslick .slick-slide{ cursor: pointer; opacity: .9; }
.news_dslick .slick-center,.news_dslick .slick-slide:hover{ opacity: 1; }
.news_dslick .slick-center{ cursor: default; }

.handle { margin:3% auto }

/*联系我们*/
.con_main { padding: 60px 0; }
.con_left{ width: 45%;   }
.con_right{ width: 52%;  }
.con_right .con_link li { width:18%; float:left; text-align:center; margin:30px 1%; background:#ddd }
.con_right .con_link li img { width:100% }

#dituContent { height:420px; margin-top:50px }




.re_bg{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,.5); }
.re_wrap{ max-height: 90%; padding: 46px 20px 42px 50px; box-sizing: border-box; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 927px; height: 670px; background: #fff; }
.re_wrap .mCSB_container{ padding-right: 40px; }
.re_wrap h2{ font-size: 36px; color: #d61518; }
.re_wrap .close{ position: absolute; width: 30px; height: 30px; cursor: pointer; right: 17px; top: 13px; background-image: url("../images/icon17.png"); background-position: center; background-repeat: no-repeat; background-size: 18px; }
.re_wrap .close:hover{ background-image: url("../images/icon17on.png"); }
.re_form{ height: calc(100% - 70px); overflow: auto; margin-top: 24px; line-height: 54px; }
.re_form span{ display: inline-block; vertical-align: middle; font-size: 18px; color: #000; }
.re_form span a{ color: #d61518; text-decoration: underline; }
.re_form span a:hover{ color: #d61518; }
.re_form em{ color: #ff0000; }
.re_form .w50{ width: 47.2%; }
.re_form input{ font-size: 18px; width: 100%; border: 1px solid #ccc; box-sizing: border-box; padding: 0 10px; height: 54px; line-height: 52px; }
.re_form input.re_sub{ cursor: pointer; width: 347px; background: #d61518; color: #fff; border: none; }
.re_form input.re_sub:hover{ background: #d61518; }
.re_form textarea{ font-size: 18px; display: block; width: 100%; border: 1px solid #ccc; box-sizing: border-box; padding: 10px; height: 106px; resize: vertical; }
.re_form label{ display: inline-block; margin-right: 34px; }
.re_form .custom-checkbox{ border-color: #ccc; }
/*select*/
.sod_select{ border: 1px solid #ccc; background: #fff url("../images/icon18.png") 96% center no-repeat; background-size: 10px; display: inline-block; vertical-align: middle; position: relative; line-height: 1; width: 100%; box-sizing: border-box; padding: 12px 10px; color: #333; font-size: 14px; text-align: left; text-transform: uppercase; outline: 0; outline-offset: -2px; cursor: default;}
.sod_select.open{color: #999; } 
.sod_select.disabled{border-color: #828282; color: #b2b2b2; cursor: not-allowed;} 
.sod_select .sod_label{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 30px;} 
.sod_select .sod_list{ max-height: 200px; overflow: auto; border: 1px solid #ddd; border-top: none; box-sizing: border-box; position: absolute; top: 100%; left: -1px; display: none; height: auto; width: calc(100% + 2px); background: #ffffff; border-top: none; color: #333; font-weight: 300; z-index: 1;}
.sod_select.open .sod_list{display: block;} 
.sod_select.disabled.open .sod_list{display: none;}
.sod_select.above .sod_list{top: auto; bottom: 100%; border: 1px solid #ddd; border-bottom: none; }
.sod_select .sod_list ul{overflow-y: auto; padding: 0; margin: 0;}
.sod_select .sod_list li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; position: relative; padding: 10px 10px; list-style-type: none;}
.sod_select .sod_list .optgroup, .sod_select .sod_list .optgroup.disabled{ background: inherit; color: #999; font-size: 10px; font-style: italic;} 
.sod_select .sod_list .groupchild{padding-left: 20px;}
.sod_select .sod_list .disabled{background: inherit; color: #cccccc;}
.sod_select .sod_list .active{background: #d61518; color: #fff;} 
.sod_select .sod_list .selected{ padding-right: 25px;} 
.sod_select .sod_list .selected:before,.dropdown a.dropdown-item.active:before{content: ""; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; color: #808080; height: 9px; width: 10px;  } /* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */ 
.sod_select.no_highlight .sod_list .selected{font-weight: 300;} 
.sod_select.no_highlight .sod_list .selected:before{display: none;} 
.sod_select select{display: none !important;}
.sod_select.touch select{-webkit-appearance: menulist-button; position: absolute; top: 0; left: 0; display: block !important; height: 100%; width: 100%; opacity: 0; z-index: 1;}
.re_form .sod_select{ font-size: 18px; padding: 17px 10px; }



/*下载中心*/
.right_tit{ font-size: 36px; padding-bottom: 24px; border-bottom: 1px solid #ccc; }
.down_top{ padding-right: 50px; cursor: pointer; font-size: 16px; height: 100px; line-height: 100px; box-sizing: border-box; background-image: url("../images/icon22.png"); background-position: 98% center; background-repeat: no-repeat; }
.down_top:hover{ color: #d61518; }
.down_bot{ display: none; }
.down_bot dd{ height: 100px; line-height: 100px; box-sizing: border-box; background: #fff; margin-bottom: 10px; padding: 0 55px; font-size: 16px; }
.down_bot dd span{ display: block; width: calc(100% - 200px); }
.down_bot dd font{ font-size: 14px; background: url("../images/icon21.png") right center no-repeat; padding-right: 45px; }
.down_bot dd:hover{ background: rgba(198, 187, 153, 0.5); }
.down_list li{ border-bottom: 1px solid #dadada; }
.down_list li.on{ padding-bottom: 32px; }
.down_list li.on .down_top{ color: #d61518; background-image: url("../images/icon22on.png"); }


.order_tit .tit_more a,.order_tit .tit_more a:hover span{ color: #d61518; }
.tit_number{ font-size: 0; }
.tit_number .number{ font-size: 16px; width: 58px; margin: 0 10px; height: 40px; line-height: 38px; box-sizing: border-box; border: 1px solid #e8e8e8; vertical-align: middle; }
.tit_number .b_add{ background: #fff; width: 22px; height: 22px; box-sizing: border-box; vertical-align: middle; border: 1px solid #e8e8e8; background-image: url("../images/icon39.png"); background-repeat: no-repeat; background-position: center; }
.tit_number .b_add:hover{ background-image: url("../images/icon39on.png"); border-color: #d61518; }
.tit_number .minus{ background: #fff; width: 22px; height: 22px; box-sizing: border-box; vertical-align: middle; border: 1px solid #e8e8e8; background-image: url("../images/icon40.png"); background-repeat: no-repeat; background-position: center; }
.tit_number .minus:hover{ background-image: url("../images/icon40on.png"); border-color: #d61518; }
.order_tit .tit_price{ color: #d61518; }
.shop_list_control{ display: none; padding-right: 50px; background: #fff; border-top: 2px solid #f5f5f5; }
.shop_list_control .order_tit{ text-align: left; line-height: 40px; }
.shop_list_control label{ width: auto; padding: 0 10px; margin-left: -10px; height: 40px; line-height: 40px; }
.shop_list_control label input{ cursor: pointer; }
.shop_list_control .tit label span{ font-size: 16px; }
.shop_list_control .tit label:hover span{ color: #d61518; }
.shop_list_control .tit1:before{ display: none; }
.shop_list_control .tit2{ width: auto; }
.shop_list_control .titd{ font-size: 0; }
.shop_list_control .titd a{ margin-left: 20px; font-size: 16px; padding: 0 10px; display: inline-block; vertical-align: top; }
.shop_list_control .titd a:hover{ color: #d61518; }
.shop_list_control .titd .shop_list_delete{ text-indent: 25px; background: url("../images/icon41.png") 10px center no-repeat; }
.order_box{ border-bottom: 2px solid #f5f5f5; padding: 30px 0; background: #ebebeb; font-size: 0; }
.order_dd .order_box:last-child{ border-bottom: none; }
.order_box .btit{ font-size: 16px; display: inline-block; vertical-align: top; }
.order_box .box1{ width: 31.45%; }
.order_box .tit1{ font-size: 0!important; width: 50px; min-height: 0; display: inline-block; vertical-align: middle; text-align: center; }
.order_box .tit1 label{ display: none; }
.order_box label{ width: 40px; height: 50px; line-height: 50px; display: inline-block; vertical-align: top; }
.order_box label i{ width: 18px; height: 18px; background: url("../images/icon38.png") no-repeat; background-size: contain; display: inline-block; vertical-align: middle; } 
.order_box label.on i{ width: 18px; height: 18px; background: url("../images/icon38on.png") no-repeat; background-size: contain; } 
.order_box .btit1{ width: calc(100% - 50px);/* padding-left: 50px;*/ box-sizing: border-box; min-height: 0; text-align: left; }
.order_box .box2,.order_box .box3{ width: 34.275%; }
.order_box .btit2,.order_box .btit3,.order_box .btit4,.order_box .btit5{ width: 50%; padding: 0 10px; box-sizing: border-box; }
.order_box h4{ margin-bottom: 4px; }
.order_box p{ font-size: 14px; }
.order_box h4 span,.order_box p{ color: #999; }
.order_box .btit1 .img{ display: inline-block; vertical-align: top; width: 26.5%; }
.order_box .btit1 .img img{ max-width: 100%; }
.order_box .btit1 .text{ display: inline-block; vertical-align: top; width: 58.5%; margin-left: 7%; }
.shop_list_bot{ background: #fff; padding: 35px 50px; box-sizing: border-box; }
.shop_list_total .fl{ font-size: 26px; }
.shop_list_total .fl span{ font-size: 18px; }
.shop_list_total .price{ margin-bottom: 14px; font-size: 26px; color: #d61518; }
.shop_list_total .fr{ position: relative; z-index: 1; margin-top: 20px; text-align: right; }
.shop_list_total .fr a{ display: inline-block; font-size: 16px; }
.shop_list_total .fr a:hover{ color: #d61518; }
.shop_list_total .fr a.shop_list_ab{ display: none; }
.shop_list_tips{ max-width: 60%; line-height: 24px; color: #999; position: relative; top: -35px; }
.shop_list_tips span{ opacity: .5; }
.shop_list_btn{ margin: 60px 0; }
.shop_list_btn a{ text-align: center; margin-right: 30px; width: 143px; height: 54px; line-height: 54px; float: left; font-size: 16px; background: #fff; color: #999; }
.shop_list_btn a:hover{ background: #d61518; color: #fff; }

@media screen and (max-width: 1640px){
.baseWidth{ width: 88%; margin:0 auto; }
.i_pic1 .baseWidth,.i_pic2 .baseWidth{ width: 100%; padding: 0 5%; box-sizing: border-box; margin: 0 auto; }
.path{ padding: 20px 0; }
.pad215{ padding-bottom: 8%; }

.i_vrcontent{ margin: 0; }
.items-control-wrapper,.items-arrow-wrapper{ top: -50px; }
.f_emsg{ padding: 100px 0; }
.l_main{ padding: 70px 3%; }
.article_list .text h2{ font-size:18px; }
.article_list li{ margin-bottom: 1.2%; }
.pdt_right .text h2{ margin: 0 0 5px; }
.pro_ins{ padding: 4% 0; }
.pro_ins h2{ margin-bottom: 3.75rem; }
.goto_shop{ position: static; }
.shop_twrap{ padding: 9%; box-sizing: border-box; width: 100%; }
.shopbot .select_box{ margin-bottom: 60px; }
.m_left{ width: 220px; }
.m_left .m_search{ width: 100%; font-size: 0; max-width: 600px; margin: 0 0 4%; }
.m_left .m_search_input{ width: 80%; padding: 0 10px; }
.m_left .m_search_sub{ width: 20%; background-position: center; }
.m_right{ width: calc(100% - 240px); } 
.m_left li.on > a:before, .m_left li:hover > a:before{ width: 15px; margin-right: 5px; }
.des_list{ padding: 10px 3%; }
.des_list .text{ width: 70%; }
.des_list .text h2{ margin: 0 0 10px; }
.finishes-content-row-item-detail .finishes-content-item-detail .code_title{ margin-bottom: 20px; }
.finishes-content-row-item-detail .finishes-content-item-detail .pt28,.finishes-content-row-item-detail .finishes-content-item-detail .finishes-content-item-txt_note{ padding-top: 10px; }
.finishes-content-row-item-detail .finishes-content-item-detail .info{ margin-top: 10px; }
.cart_bot label .shadow{ width: 564px; height: 350px; }
}

@media screen and (max-width: 1550px){

.cart_bot .cart_sel_list .cart_sel_box{ width: 32%; margin-right: 2%; }
.cart_bot .cart_sel_list .cart_sel_box:nth-of-type(3n){ margin-right: 0; }
.cart_bot .cart_sel_blist label{ min-width: 0; width: 31.3333%; margin-right: 3%; }
.cart_bot .cart_sel_slist label{ min-width: 0; width: 23%; margin-right: 2.666%; }
.cart_bot .cart_sel_slist label:last-child{ margin-right: 0; }
.cart_bot .cart_detail .input_box{ width: 32%; }
.cart_bot .cart_detail .sub_box{ width: 64%; }
.cart_bot .cart_detail .cart_sub{ width: 33.3%; max-width: 100%; }
.cart_bot .cart_detail .price{ margin-right: 5%; }
.cart_bot label .shadow{ width: 484px; height: 300px; }
}

@media screen and (max-width: 1500px){
.pdt_right .text_p{ margin-top: 15px; }
.order_tit .tit_more .span_gray,.order_tit .tit_material .span_gray{ font-size: 16px; }
.order_tit .tit_product h2{ font-size: 20px; }
}

@media screen and (max-width: 1440px){
.article_list .text h2{ font-size: 15px; }
.finishes-search{ padding: 0 25px; }
.finishes-search-list li .title i{ margin-left: 0; }
.finishes-content-row-item-detail .finishes-content-item-detail .code_title{ font-size: 28px; }
.finishes-content-row-item-detail .finishes-content-item-detail p{ font-size: 14px; line-height: 22px; }
.finishes-content-row-item-detail .finishes-content-item-detail .finishes-link{ font-size: 12px; }
.finishes-content-row-item-detail .finishes-content-item-detail .info p{ font-size: 14px; line-height: 22px; background-size: 16px; background-position: 0 3px; }
.finishes-content-row-item-detail .finishes-content-item-detail .finishes-content-item-txt_note{ font-size: 14px; }
.info_box{ padding-right: 50px; }
.info_con input.info_sub{ margin-top: 25px; }
.tit_number .number{ width: 45px; margin: 0 6px; }
}

@media screen and (max-width: 1400px){

.i_vleft{ margin-left: 2%; width: 50%; }
.i_vright{ margin-right: 2%; width: 42%; }
.slick-controls{ margin-left: 53%; }
.m_main{ padding-bottom: 60px; }
.article_list{ padding: 30px 0 30px; }
.news_more{ height: 50px; line-height: 50px; }
.news_dcon h2{ margin: 40px 0 0; }
.news_dcon .text{ padding-bottom: 40px; }
.news_dcon .pic{ margin-bottom: 40px; }
.news_dslick{ margin-bottom: 70px; }
.pdt_right .text_p{ line-height: 30px; height: 120px; margin-bottom: 20px; }
.pdt_right .pad{ padding-bottom: 20%; }
.pdt_right{ width: 32%; }
.pro_dbot{ padding-top: 60px; }
.pro_dbot h2{ margin-bottom: 30px; }
.shop_top .pic{ width: 52%; padding-bottom: 38%; }
.shop_top .text{ padding-bottom: 0; height: auto; width: 48%; }
.shop_list > li .text h2{ font-size: 20px; }
.shop_list > li .text .pad{ padding-bottom: 20%; }
.shop_twrap{ padding: 1% 0 2% 0;  }
.shop_top .pic{ padding-bottom: 0; position: absolute; left: 0; top: 0; height: 100%; }
.shop_twrap h2{ margin-bottom: 40px; }
.shop_dcon{ width: 100%; margin: 60px auto; }
.shop_dright .shop_twrap{ width: 80%; padding: 50px 0; }
.shop_twrap .detail .dis{ min-width: 0; padding: 0 10px; }
.shop_twrap .detail .btn{ width: 120px; margin-top: 10px; }
.shop_dright,.shop_dleft{ height: 580px; }
.abo_con{ /*padding: 5% 0 5% 0;*/ }
.des_list .text h2{ font-size: 30px; }
.des_list .text_p{ margin-bottom: 10px; }
.cart_right h2{ margin: 0 0 3%; font-size: 30px; }
.cart_sel_tit{ font-size: 18px; padding: 3% 0; }
.cart_sel_list label{ height: 60px; line-height: 20px; min-width: 0!important; margin-bottom: 2%; }
.cart_right .tips{ padding-left: 25px; margin-bottom: 2%; margin-top: -2%; }
.cart_right .input_box,.cart_right .input_box input{ height: 60px!important; line-height: 60px!important; }
.cart_right .price{ font-size: 32px; margin: 3% 0; }
.cart_right .cart_sub{ height: 60px; }
.info_con{ padding: 30px 5%; }
.cart_top{ margin-bottom: 2%; }
.cart_right h2{ margin-bottom: 2%; }
.cart_right .select_box{ margin-top: -1.99%; }
.cart_sel_tit{ padding: 2% 0; }
.cart_bot .select_box{ margin-top: -1.99%; }
.cart_bot .cart_tit{ margin-bottom: 1%; }
.order_tit .tit,.order_tit .tit_more .span_gray,.order_tit .tit_material .span_gray,.order_box .btit{ font-size: 14px; }
.order_tit .tit3, .order_tit .tit6,.order_tit .tit4,.order_tit .tit5,.order_box .btit2, .order_box .btit3, .order_box .btit4, .order_box .btit5{ padding: 0 1%; }
.order_tit .tit_product h2 .span_gray{ font-size: 16px; }
.order_tit .tit_product .text{ margin-left: 5%; width: 58%; }
.shop_list_top{ padding: 2% 4%; line-height: 1.3; }
.shop_list_control{ padding-right: 4%; }
.shop_list_control .order_tit .tit1{ width: 4%; }
.shop_list_control label{ height: 36px!important; line-height: 36px!important; }
.shop_list_control .order_tit{ padding: 1% 0; line-height: 36px; }
.shop_list_control .titd a,.shop_list_control .tit label span{ font-size: 14px; }
.shop_list_control .titd a{ margin-left: 15px; }
.shop_list_bot{ padding: 2% 4%; }
.shop_list_top h2{ font-size: 30px; }
.shop_list_top h2 span{ font-size: 20px; }
.shop_list_editor{ font-size: 18px; margin-top: 1%; }
.shop_list_btn{ margin: 4% 0; }
.shop_list_total .fl{ font-size: 20px; }
.shop_list_tips{ line-height: 20px; }
.shop_list_select .sod_select{ font-size: 16px; }
.shop_list_select{ margin-bottom: 2.5%; }
.shop_list_select .title{ line-height: 1.3; font-size: 16px; }
.order_tit .tit1:before{ min-height: 100px; }
/*.order_box .btit1{ padding-left: 10px; }*/
}

@media screen and (max-width: 1300px){
	.baseWidth{ width: 94%; margin: 0 3%; }
.des_list .img{ width: 20%; padding-bottom: 20%; }
.des_list .text{ width: 76%; }
.cart_left,.cart_right{ display: inline-block; vertical-align: middle; float: none; }
.cart_bot .cart_sel_list .cart_sel_box,.cart_bot .cart_sel_list .cart_sel_box:nth-of-type(3n){ width: 49%; margin-right: 2%; }
.cart_bot .cart_sel_list .cart_sel_box:nth-of-type(2n){ margin-right: 0; }
.cart_bot .cart_detail .input_box{ width: 49%; }
.cart_bot .cart_detail .sub_box{ width: 100%; text-align: left; }
.cart_bot .cart_detail .cart_sub{ width: 200px; }
.cart_bot .cart_detail .price{ margin: 2% 0; display: block; }
.cart_bot .cart_sel_list label{ line-height: 18px; }
.cart_bot .cart_sel_blist .text p, .cart_bot .cart_sel_blist .text span{ max-height: 36px; }
.cart_bot .cart_sel_slist .text p{ max-height: 54px; }
.cart_bot .cart_sel_box:nth-of-type(3n) .shadow{ left: 0; }
.cart_bot .cart_sel_box:nth-of-type(2n) .shadow{ left: auto; right: 0; }

}

@media screen and (max-width: 1220px){
.footer_mid .ftit{ font-size: 20px; margin-bottom: 14px; }
.footer_mid dd a,.footer_mid .finfo{ font-size: 14px; line-height: 24px; }
.footer_mid .box{ min-height: 200px; }
.fshare_box a{ background-size: 25px; margin-right: 35px; }
.footer_box{ padding: 40px 0; }
.footer_top,.footer_mid{ margin-bottom: 20px; }

.i_vright .text_p{ font-size: 15px; }
.i_vright .more{ font-size: 14px; }
.items-control-wrapper{ font-size: 26px; }
.control_video { font-size:14px; }

.items-control-wrapper,.items-arrow-wrapper{ height: 35px; line-height: 35px; }
.items-arrow-wrapper a{ width: 35px; height: 35px; }

.i_vleft{ margin-left: 3%; width: 48%; }
.i_vright{ margin-right: 3%; width: 42%; }
.slick-controls{ margin-left: 49%; }



.f_emsg{ padding: 70px 0; }
.fmsg_base h3{ margin-bottom: 20px; }
.fmsg_base h2{ font-size: 30px; }
.email_form{ width: 80%; margin: 0 auto; max-width: 870px; }
.email_input{ width: 70%; }
.email_sub{ width: 30%; }
.email_top{ margin-bottom: 20px; }
.pdt_right .price .em{ height: 50px; line-height: 50px; }
.pdt_right .price .buy{ height: 50px; }
.pdt_right .text_p{ font-size: 14px; line-height: 26px; height: 104px; }
.pdt_right .pad{ padding-bottom: 6%; }
.shop_list > li .text{ padding: 6%; }
.shop_list > li,.shop_list > li:nth-of-type(4n){ width: 31.3%; margin: 0 3.05% 3% 0; }
.shop_list > li:nth-of-type(3n){ margin-right: 0; }
.shopbot h2{ font-size: 32px; margin-bottom: 20px; }
.shopbot .select_box{ margin-bottom: 40px; }
.shopbot{ padding: 40px 0 0; }
.shop_twrap h2{ font-size: 26px; }
.shop_twrap .detail{ bottom: 50px; }
.shop_dright .shop_twrap{ padding: 40px 0; }
.des_list li{ padding: 3% 0; }
.des_list .text h2{ font-size: 26px; margin-bottom: 5px; }
.des_list .text_p{ font-size: 14px; line-height: 26px; }
.des_list .des_blist dd{ width: 33.3%; padding-bottom: 26%; }
.des_left{ float: none; margin: 0 auto 3%; border-radius: 50%; box-shadow: 0 2px 8px rgba(0,0,0,.1); overflow: hidden; }
.des_right{ width: 100%; float: none; margin: 0; }
.des_top h2{ text-align: center; }
.des_bot{ margin-top: 5%; padding-top: 4%;  }
.des_blist li{ width: 33.3%; padding-bottom: 23.66%; }
.right_tit{ font-size: 30px; padding: 2% 0; }
.down_top{ padding: 3% 50px 3% 0; height: auto; line-height: 1.3; }
.down_bot dd{ padding: 3%; height: auto; line-height: 1.3; }
.down_list li.on{ padding-bottom: 2%; }
.pro_dbot .text h3{ font-size: 30px; }

.re_wrap{ max-width: 80%; max-height: 70%; padding: 3% 15px 3% 3%; }
.re_wrap h2{ font-size: 30px; }
.re_form{ line-height: 40px; margin-top: 2%; height: calc(98% - 40px); }
.re_form textarea{ height: 100px; }
.re_form .custom-checkbox{ margin-right: 5px; }
.re_form label{ margin-right: 25px; }
.re_form input{ height: 48px; line-height: 46px; }
.re_form input.re_sub{ width: 200px; margin: 3% auto 0; display: block; }
.re_form span,.re_form input,.re_form textarea,.re_form .sod_select{ font-size: 16px; }
.re_form .sod_select{ font-size: 16px; padding: 15px 10px; }
.finishes-content-row-item-detail .finishes-content-item-detail .code_title{ margin: 0 0 10px; font-size: 20px; }
.finishes-content-row-item-detail .finishes-content-item-detail p{ font-size: 13px; line-height: 20px; }
.finishes-content-row-item-detail .finishes-content-item-detail .info p{ font-size: 12px; line-height: 16px; background-position: 0 0; }
.finishes-content-row-item-detail .finishes-content-item-detail .finishes-content-item-txt_note{ font-size: 12px; }
.re_h2{ font-size: 30px; line-height: 1.3; padding-bottom: 2%; }
.re_list .re_top{ padding: 2% 0; line-height: 20px; min-height: 0; }
.re_list .re_top .title{ font-size: 16px; }
.re_list .re_detail{ padding: 2% 3%; }
.re_list .re_info{ padding: 3%; }
.re_list .re_detail dd span{ margin-right: 10px; }
.info_con input{ padding: 0 3%; }
.info_con .sod_select{ padding: 15px 40px 15px 3%; }
.info_box{ padding-right: 0; max-width: 48%; }
.info_box:first-child{ margin-right: 4%; }
.info_con .info_h2{ font-size: 30px; line-height: 1.3; margin-bottom: 2%; }
.tit_number .number{ width: 40px; }
.shop_list_tips{ position: static; max-width: 100%; }
.shop_list_total .fr{ margin-top: 0; }
.shop_list_bot{ padding: 2% 4%; margin-top: 1%; }
.shop_list_total .price{ margin-bottom: 1%; font-size: 20px; }
.order_tit .tit_product h2{ font-size: 18px; }
 
.menu-login .box{ padding: 0 18px; }
.menu-login .box span{ background-size: 15px; text-indent: 25px; } 

}

@media screen and (min-width: 1151px){
.lang:hover span{ color: #999; }
.lang:hover dl{ display: block!important; }
.menu-login .box:hover dl{ display: block!important; }
.lang:hover:after,.menu-login-new .box:hover span:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }

}

@media screen and (max-width: 1150px){
.menu-login,.lang span{ font-size: 14px; }
.lang{ margin-left: 0; }
.menu-login .box{ padding: 0 20px; }
.lang.open span{ color: #999; }
.lang.open dl{ display: block; }
.lang.open:after,.menu-login-new .box.open span:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
.banner .slick-prev{ opacity: 0; left: 2%; background-size: 30px; }
.banner .slick-next{ opacity: 0; right: 2%; background-size: 30px; }
.footer_mid .box:nth-of-type(1){  }

.footer_mid .box:nth-of-type(4){ max-width: 160px; }
.footer_mid .box:nth-of-type(5){ min-width: 200px }
.footer_mid .box dl{ margin-right: 10px; }
.footer_mid .ftit{ font-size: 16px; margin-bottom: 10px; }
.m_main{ padding-bottom: 40px; }
.article_list{ padding: 40px 0 20px; }
.shop_twrap .text_p p{ margin-bottom: 20px; }
.shop_twrap .text_p{ font-size: 15px; line-height: 26px; }
.shop_twrap h2{ font-size: 26px; }
.shopbot h2{ font-size: 26px; }
.shop_list > li .text .pad{ padding-bottom: 16%; }
.tit_number .number{ width: 25px; margin: 0 5px; }
}

@media screen and (max-width: 1024px){
.con_main { padding:30px 0}

input{ line-height: normal!important; }
.l_main{ padding: 50px 3%; }
.news_dcon h2{ font-size: 30px; line-height: 1; }
.shop_dcon{ margin: 20px auto; }
.abo_con h2{ font-size: 30px; margin-bottom: 15px; line-height: 1.3; }
.abo_con{ font-size: 14px; line-height: 26px; }
.cart_right h2{ font-size: 26px; margin-bottom: 2%; }
.cart_sel_tit{ padding: 2% 0; }
.cart_right .price{ font-size: 28px; }
.cart_left,.cart_right{ width: 100%; max-width: 100%; margin: 0; }
.cart_right{ margin-top: 3%; }
.cart_right .input_box{ max-width: 500px; }
.cart_right .cart_sub{ max-width: 200px; }
.cart_right .input_box .input_count{ width: 30%; }
.re_list .re_detail dd{ width: 33.3%; text-align: left!important; padding: 0 10px 0 0!important; }
.re_list .re_info .box .re_h3{ margin-bottom: 1%; }
.re_list .re_top .title font{ padding: 0 20px; }
.shop_list_top h2{ font-size: 26px; }

.fshare_box{ position: relative}
}

@media screen and (min-width: 1001px){
.m_left .float_now{ display: none!important; }
.m_left .float_left.fixed{ padding-top: 20px; max-height: calc(100% - 60px); overflow: hidden; }
}

@media screen and (max-width: 1000px){
.footer_mid .box{ min-height: 0!important; padding: 5px 0!important; min-width: 0!important; max-width: 100%!important; }
.footer_mid .box:nth-of-type(1),.footer_mid .box:nth-of-type(2),.footer_mid .box:nth-of-type(3){ min-height: 0; border: none; width: 33.3%; padding: 0 5%; box-sizing: border-box; }
.footer_mid .box:nth-of-type(3) { }
.footer_mid .box:nth-of-type(4) { width: 30%; text-align: left; }
.footer_mid .box:nth-of-type(5){ width: 65%; text-align: left; }

.pro_dtop{ padding: 0; }
.pdt_left{ width: 100%; padding-bottom: 61.56%; }
.pdt_right{ width: 100%; margin-top: 3%; }
.pdt_right .text_p{ height: auto; line-height: 22px; }
.pdt_right .pad{ display: none; }
.pdt_right .pro_share{ padding: 3% 0; }
.news_dslick .img{ padding: 0; }
.pro_dbot .box,.pro_dmid .box,.pro_dmid .box:nth-of-type(3n){ width: 49%; margin-right: 2%; margin-bottom: 2%; }
.pro_dbot .box:nth-of-type(2n),.pro_dmid .box:nth-of-type(2n){ margin-right: 0; }
.pro_dbot .text h3{ font-size: 26px; }
.pro_dmid{ padding: 15px 0 4%; }
.pro_ins h2,.pro_dbot h2{ font-size: 28px; margin-bottom: 4%; }
.pro_dbot{ padding-top: 40px; }
.pdt_right .text h2{ font-size: 28px; }
.shop_dright, .shop_dleft{ height: 500px; }
.shop_twrap .detail{ position: static; }
.m_left,.m_right{ float: none; width: 100%; padding: 0; }
.float_left{ position: static!important; }
.float_pr{ position: relative; }
.m_left .float_now{ position: relative; width: 100%; box-sizing: border-box; text-transform: uppercase; display: block; height: 48px; text-decoration: none; color: #d61518; cursor: pointer; margin-bottom: 2%; position: relative; z-index: 3; background: #f5f5f5; padding: 0 8% 0 3%; border: 1px solid #d6d6d6; }
.m_left .float_now:after{ content: ''; position: absolute; top: 0; right: 15px; width: 20px; height: 100%; background: url("../images/icon18_g.png"); background-repeat: no-repeat; background-position: center; background-size: 10px; }
.m_left .float_now p{ font-size: 16px; line-height: 46px; }
.m_left .float_now.open:after{ transform-origin: 50% 50% 0px; -webkit-transform-origin: 50% 50% 0px; -moz-transform-origin: 50% 50% 0px; -o-transform-origin: 50% 50% 0px; transform: matrix(-1, 0, 0, -1, 0, 0); -webkit-transform: matrix(-1, 0, 0, -1, 0, 0); -moz-transform: matrix(-1, 0, 0, -1, 0, 0); -o-transform: matrix(-1, 0, 0, -1, 0, 0); }
.float_nav{ box-shadow: 0 2px 10px rgba(0,0,0,.1); z-index: -1; opacity: 0; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-sizing: border-box; width: 100%; position: absolute; top: 54px; background: #f5f5f5; left: 0; border: 1px solid #e0e0e0; }
.float_nav li a{ text-transform: uppercase; padding: 0 3%; font-size: 14px; display: block; background: #f5f5f5; }
.float_nav li dd a{ padding: 0; line-height: 28px; text-indent: 6%; font-size: 13px; }
.float_nav.active{ max-height: 500px; overflow: auto; z-index: 666; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); }
.des_list{ padding: 3%; }
.abo_con{ padding: 5% 0 5% 0; }
.news_dcon{ padding: 0; }
.m_left .m_search_sub{ background: #d61518 url("../images/icon23_w.png") center no-repeat; background-size: 18px; }
.pro_list .text{ padding: 3%; }
.pro_list .text h2{ font-size: 26px; }
.pro_list li{ margin-bottom: 3%; }
.m_left .title{ margin-bottom: 2%; }
.m_left .m_search{ margin-bottom: 2%; }
.finishes-search{ margin-top: 3%; margin-bottom: 3%; }
.finishes-content-level3{ margin-bottom: 3%; }
.info_con .item{ margin-bottom: 0; }
.info_con{ padding: 30px 5%; }
.cart_bot .cart_sel_box .shadow{ display: none!important; }
}

@media screen and (min-width: 950px){
.lang{ display: inline-block!important; }

}


@media screen and (max-width: 949px){

.header .logo img{ max-height: 50px; margin:10px }
	
.lang{ display: none; }
.header .language { display: inline-block; }

/*.menu-login{ display: none!important; }*/
.menu-login{ margin: 30px 0 0; }
.menu-login .box span{ font-size: 22px; text-indent: 0; background: none!important;  }
.menu-login .box{ padding: 0; }
.menu-login .box:before,.menu-login .box:after{ display: none; }

.nav-menu:before, .nav-submenu:before{ display: none; }
.nav-menu,.nav-submenu{ display: block; height: auto; line-height: 1.6; margin-right: 0px; }
.nav-submenu{ margin-top: 30px; opacity: 1; position: static; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; }


.menu-login-new .box span:after{ display: none; }
.menu-login-new dl{ display: block!important; position: static; background: none; font-size: 20px; width: auto; text-align: left; display: block; margin-top: 15px; }
.menu-login-new dd{ border: none; font-size: 18px; height: auto; line-height: 34px; }
.menu-login-new dd a{ color: #fff; }
.menu-login-new dd a:hover{ color: #d61518; }
.menu-login-new .box:hover span{ color: #fff; }

}


@media screen and (max-width: 900px){
.i_vleft,.i_vright{ width: 100%; margin: 0 ; }
.i_vright h3{ margin: 20px 0 0px; }
.i_vright h3:hover:before{ width: 40px; }
.i_vright .text_p{ margin-bottom: 10px; }
.items-control-wrapper,.items-arrow-wrapper{ position: static; text-align: center; }
.items-arrow-wrapper{ display: none; }
.items-control-wrapper{ font-size: 16px; }
.slick-controls{ margin-left: 0; width: 100%; }
.l_main h2{ font-size: 26px; }
.l_main{ font-size: 16px; line-height: 46px; }
.l_main .item input{ height: 46px; font-size: 16px; }
.l_main label{ margin: 10px 0; }
.path{ padding: 10px 0; }
.article_list li,.article_list li:nth-of-type(3n){ width: 48%; margin-right: 4%; }
.article_list li:nth-of-type(2n){ margin-right: 0; }
.abo_con{ font-size: 14px; line-height: 26px; }
.news_dslick .img{ padding: 0; }
.shop_dright,.shop_dleft{ width: 100%; height: auto; }
.shop_dleft{ height: 400px; }
.shop_dright .shop_twrap{ width: 100%; padding: 40px; }

.con_left { width: 47%; }
.con_right .con_link li { width:31%; margin:10px 1% }
#dituContent { height:300px; margin-top:30px }


.re_list .re_top,.re_list .re_top .title{ font-size: 14px; }
.info_con input,.info_box .custom-radio{ height: 46px; }
.info_box span{ font-size: 16px; line-height: 35px; }
.info_con input,.info_box label,.info_con .sod_select{ font-size: 16px; }
}



@media screen and (max-width: 768px){
.ititle { margin:20px auto 15px auto }
.l_main { padding: 5% 3% 10%; }
.article_list{ padding: 30px 0 10px; }
.article_list30 li{ width: 32%!important; margin-right:2%!important; }
.article_list30 li:nth-of-type(3n) { margin-right:0!important; }
.article_list50 li{ width: 48%!important; margin-right:4%!important; }
.article_list50 li:nth-of-type(2n) { margin-right:0!important; }


.news_more{ margin-bottom: 15px; height: 46px; line-height: 46px; width: 180px; }
.shop_list > li,.shop_list > li:nth-of-type(3n),.shop_list > li:nth-of-type(4n){ width: 49%; margin-right: 2%; margin-bottom: 4%; }
.shop_list > li:nth-of-type(2n){ margin-right: 0; }
.right_tit{ font-size: 26px; }
.re_form .w50{ width: 100%; }
.re_wrap h2{ font-size: 26px; }
.re_form{ height: calc(98% - 30px); }
.re_wrap .close{ right: 2%; top: 2%; }
.finishes-search{ padding: 0 3%; }
.finishes-content-level3 .finishes-content-level3_title,.finishes-content-row .finishes-content-row-items-list{ padding: 3% 3% 0; }
.finishes-content-row-view-all-wr,.bg_ededed.padon{ padding: 3%; }
.finishes-content-row-item .finishes-content-item-code{ font-size: 14px; padding-top: 10px; }
.finishes-content-row-item.active .finishes-content-item-code{ padding-left: 8%; }
.finishes-content-row-item.active .finishes-content-item-code:before{ left: 3%; }
.re_h2{ font-size: 26px; }
.re_list .re_detail{ line-height: 26px; }
.re_list .re_info{ font-size: 13px; }
.info_con .info_h2{ font-size: 26px; }
.info_box label{ margin-right: 0; }
.info_box .custom-radio{ margin-right: 5px; width: 12px; }
.info_con{ padding: 3%; }
.cart_sel_list label .text{ font-size: 12px; }
.cart_bot .cart_sel_list label .img{ margin-bottom: 6px; }
.cart_bot .cart_sel_blist label{ height: 150px; margin-bottom: 3%; }
.cart_bot .cart_sel_slist label{ margin-bottom: 3%; }
.order_li .order_tit .part1{ width: 100%; }
.order_tit .part2{ width: 50%; }
.order_tit .part3{ width: 50%; }
.order_tit .tit4,.order_tit .tit5{ width: 50%; }
/*.order_tit.bg_f5f5f5 .part1{ display: none; }*/
.order_tit .tit, .order_tit .tit_more .span_gray, .order_tit .tit_material .span_gray, .order_box .btit,.order_box p,.order_tit .tit_product h3 span,.order_tit .tit_product h2 .span_gray{ font-size: 12px; }
.order_tit .tit_product h3{ font-size: 14px; }
.order_tit .tit_product h2{ font-size: 16px; }
.order_tit label{ height: 60px; line-height: 60px; }
.order_tit .tit1:before{ min-height: 0; }
.shop_list_top h2{ font-size: 20px; }
.shop_list_total .price{ font-size: 18px; }
.shop_list .span_gray,.shop_list_total .fl{ font-size: 16px; }
.shop_list_editor,.shop_list .span_gray,.shop_list_total .fl span{ font-size: 14px; }
.shop_list_tips{ font-size: 12px; line-height: 1.3; margin-top: 3%; }
.order_tit .tit span{ font-size: 12px; }
.order_tit .tit p{ line-height: 1.3; }
.order_box{ padding: 2.5% 0; }
.tit_number .number{ font-size: 14px; }
.order_tit .tit6{ display: none; }
.order_tit.bg_f5f5f5 .part1{ display: none; width: 100%; }
.shop_list_select .sod_select{ font-size: 14px; }
.shop_list_total .price{ margin-bottom: 2%; }
.shop_list_select .sod_select{ padding: 15px 3%; }
.shop_list_top,.shop_list_bot{ padding: 2% 3%; }
.shop_list_control{ padding-right: 3%; }
.shop_list_control .order_tit .tit1{ width: 3%; }
.order_tit{ padding: 2% 0; }
.order_tit .tit1{ width: 0; }
.order_box .tit1{ width: 20px; }
.editing .order_tit .tit1,.editing .order_box .tit1{ width: 40px; }
.tit_number .number{ height: 36px; }
.order_tit .tit3{ width: calc(36.85% - 40px); }
.shop_list_control .titd a{ padding: 0 5px; margin-left: 10px; }
.order_tit .tit_product .img{ max-width: 30%; }


}




@media screen and (max-width: 700px){

.fshare_box{ margin-top: 0; }
.footer_box{ padding: 10px 0 20px; }
.footer_mid .box:nth-of-type(1),.footer_mid .box:nth-of-type(2),.footer_mid .box:nth-of-type(3){ padding: 0px 0!important; width: 100%!important; float: none; }
.footer_mid .box .flist { display:none }
.footer_mid .box dl{ margin-right: 0; }
.footer_mid .box dl dd{ float: left; margin: 0 10px; }
.footer_mid .box:nth-of-type(4) img{ width: 120px; margin-top: 0; }

.footer_mid .box { background:#fff; position:relative;}
.footer_mid .footnav_on { position:absolute; right:0; top:0px; width:40px; height:26px; background:url(../images/submenudown.png) no-repeat center right; }
.footer_mid .footnav_on1 { background:url(../images/submenuup.jpg) no-repeat center right!important; }
.footer_mid .flist { display:none; padding:2px 0px } 



.fcopyright{  text-align: center; font-size: 12px;padding:10px; }
.fcopyright .mt10{ margin-top: 5px; }
.fb_right,.footer_top .fr{ display: none; }
.footer_top,.footer_mid{ margin-bottom:20px; }
.footer_mid .ftit{ font-size: 15px; margin-bottom: 5px; margin-top:10px }

.l_main .item input{ width: 100%; }
.r_main .code_item input{ max-width: calc(75% - 8px); }
.r_main .code_item .code_input{ width: 25%; }
.l_main label{ line-height: 20px; }
.r_main label{ margin-bottom: 20px; }
.r_main .reg_item .tit{ margin-top: 10px; }
.finishes-search-list li{ padding: 10px 0; line-height: 30px; }
.finishes-search-list li .title,.finishes-search-list li a{ font-size: 14px; }
.finishes-search-list li a{ padding: 0 5px; margin: 0 5px; }
.finishes-search-list li .selected-list a{ min-width: 0; }
.finishes-search-list li span.clearfix{ max-width: calc(100% - 50px); }
.generic-text{ height: 24px; display: none; }
}

@media screen and (max-width: 600px){
 
body{ padding-top: 50px; }
.header .logo { position:relative}
.header .logo img {
    max-height: 30px;
    margin: 5px;
}
.header .baseWidth { width:100%; margin:0 }
.logoicon { display:none}
.header { height:50px; line-height:50px; position:relative; background: #23354c; text-align:center; position:fixed !important; top:0 !important; }
 
.nav-submenu li a{ font-size: 16px; }
.fshare_box a{ background-size: 20px; margin-right: 11px; }
.footer_mid dd a, .footer_mid .finfo{ font-size: 12px; line-height: 20px; }
.footer_mid .box:nth-of-type(4) img{ width: 100px; }


.i_vright h3 { margin: 20px 0 0px; font-size: 18px; }
.i_vright i { margin:3px 0}


.f_emsg{ padding: 30px 0; }
.fmsg_base h2{ font-size: 20px; }
.fmsg_base h3{ font-size: 15px; margin-bottom: 10px; }
.email_top{ margin-bottom: 10px; }
.email_bot{ font-size: 14px; }
.custom-checkbox{ margin-right: 10px; }
.email_form{ width: 94%; }
.email_sub:hover:before{ width: 10px; margin-right: 5px; }
.pro_dbot .box, .pro_dmid .box{ width: 100%!important; margin: 0 auto 2%!important; }
.article_list li{ width: 100%!important; margin: 0 auto 15px!important; }

.article_list30 li{ width: 32%!important; margin-right:2%!important; }
.article_list30 li:nth-of-type(3n) { margin-right:0!important; }
.article_list50 li{ width: 48%!important; margin-right:4%!important; }
.article_list50 li:nth-of-type(2n) { margin-right:0!important; }
.article_list .text h2{ font-size: 16px; margin: 10px 0 6px; line-height: 24px; }
.article_list .text span{ font-size: 14px; }
.path{ font-size: 12px; padding: 5px 0; }
.path a{ font-size: 12px; padding-left: 12px; }
.article_list{ padding: 12px 0; }
.fmsg_success .line{ margin: 0 auto 20px; }
.fmsg_success h4{ font-size: 20px; }
.fmsg_success h5{ font-size: 15px; }
.news_dcon .pic .big,.news_dcon .pic .small,.news_dcon .text .box.fl,.news_dcon .text .box.fr{ width: 100%; margin: 10px auto; }
.news_dcon h2{ font-size: 20px; margin-top: 20px; }
.abo_con{ line-height: 24px; }
.news_dslick{ margin-bottom: 25px; }
.news_dcon .text{ padding-bottom: 20px; }
.news_dcon .pic{ margin-bottom: 20px; }
.m_main{ padding-bottom: 20px; }
.slick-dots{ bottom: 10px; height: 6px; }
.slick-dots li{ width: 6px; height: 6px; margin: 0 4px; }
.news_dslick .slick-dots{ bottom: -16px; }
.pro_dmid .box{ padding-bottom: 80.98%!important; }
.product-specs-box a{ padding: 10px; }
.pdt_right .pro_share{ line-height: 35px; }
.pdt_right .pro_share a{ width: 35px; height: 35px; margin: 0; background-size: 30px; margin-right: 5px; }
.pro_ins h2, .pro_dbot h2,.pdt_right .text h2{ font-size: 24px; }
.pdt_right .price .em{ height: 46px; line-height: 46px; min-width: 100px; padding: 0 10px; width: auto; font-size: 18px; }
.pdt_right .price .buy{ height: 46px; width: 70px; background-size: 16px; }
.pro_dbot{ padding-top: 20px; }
.pdt_right .price{ margin-bottom: 3%; }
.shop_top .pic{ width: 100%; position: static; padding-bottom: 66.5%; }
.shop_top .text{ width: 100%; }
.shop_twrap{ padding: 0; }

.shop_twrap h2{ font-size: 20px; }
.shop_twrap .text_p{ font-size: 14px; line-height: 22px; }
.shop_twrap .text_p p{ margin-bottom: 10px; }
.shopbot{ padding-top: 20px; }
.shopbot h2{ font-size: 20px; margin-bottom: 10px; }
.shopbot .select_box .dropdown{ margin: 0 10px; }
.dropdown .btn.dropdown-toggle.dropdown-toggle-plain{ height: auto; }
.dropdown .btn.dropdown-toggle.dropdown-toggle-plain::after{ background-size: 16px; } 
.shopbot .select_box{ margin-bottom: 20px; }

.shop_list > li{ width: 49%!important; margin-right: 2%; margin-bottom: 3%; }
.shop_list > li:nth-of-type(2n){ margin-right: 0; }

.shop_list > li .text{ padding: 8px 2%; }
.shop_list > li .text h2{ margin-bottom: 5px; font-size: 18px; }
.shop_list > li .text span{ font-size: 14px; line-height: 1; }
.shop_list > li .text .pad{ display: none; }
.shop_list > li .text span{ float: right; }
.dropdown .btn.dropdown-toggle.dropdown-toggle-plain{ font-size: 14px; height: 24px; padding-right: 30px; }
.dropdown .dropdown-menu .dropdown-item{ padding: 10px; font-size: 12px; min-width: 0; }
.dropdown .dropdown-menu.center{ width: 160px; margin-left: -80px; }
.shop_dleft{ height: 300px; }
.shop_dright .shop_twrap{ padding: 20px 6%; }
.shop_dcon{ margin-top: 0; }
.shop_twrap .detail .btn{ height: 35px; line-height: 35px; width: 92px; }
.shop_twrap .detail .btn i{ margin-right: 5px; background-size: 10px; }
.abo_con h2{ font-size: 24px; margin-bottom: 10px; }
.des_list li{ padding: 5% 0; }
.des_list .text_p{ padding: 0 }
.des_list .text_p a{ position: static; display: block; margin: 0 auto; }
.des_list .img{ float: none; width: 30%; padding-bottom: 30%; border-radius: 50%; overflow: hidden; margin: 0 auto 3%; box-shadow: 0 2px 8px rgba(0,0,0,.1); }
.des_list .text{ width: 100%; }
.des_list .text .info{ text-align: center; }
.des_list .text h2,.abo_con h2{ font-size: 20px; }
.des_list .des_blist dd{ width: 50%; padding-bottom: 40.59%; }
.des_blist{ padding: 0 3%; }
.des_blist li{ width: 100%; padding-bottom: 71%; margin-bottom: 2%; }
.pro_list li{ width: 100%; margin: 0 auto 1%; }
.pro_list .text h2{ font-size: 20px; margin-bottom: 6px; }
.pro_list .text h3{ font-size: 14px; }
.right_tit{ font-size: 20px; }
.down_top{ font-size: 14px; background-size: 10px; padding: 4.5% 25px 4.5% 0; }
.down_bot dd{ font-size: 14px; }
.down_bot dd font{ font-size: 12px; padding-right: 16px; background-size: 10px; }
.down_bot dd span{ width: 100%; font-size: 12px; }
.pro_dbot .text h3{ font-size: 20px; margin: 3% 0 1%; }
.pro_dbot .text p{ font-size: 14px; }

.con_left{ position: static; width: 100%; }
.con_right { width: 100%; margin:30px 0 10px 0   }
#dituContent { height:220px; margin-top:0px }

.re_form input{ height: 40px; line-height: 38px; }
.re_form span,.re_form input,.re_form textarea,.re_form .sod_select{ font-size: 14px; }
.re_form .sod_select { padding: 12px 10px; }
.re_form input.re_sub{ width: 150px; }
.re_wrap h2{ font-size: 20px; }
.re_form{ height: calc(98% - 20px); line-height: 30px; }
.re_wrap{ max-width: 90%; max-height: 80%; padding: 5% 3%; }
.re_form textarea{ height: 90px; }
.cart_right h2{ font-size: 20px; }
.cart_right .price{ font-size: 22px; }
.cart_sel_list label{ margin-right: 6px; padding: 0 6px; }
.cart_sel_list label .text{ font-size: 12px; }
.cart_sel_list label{ height: 46px; }
.cart_sel_tit{ font-size: 16px; }
.cart_right .input_box, .cart_right .input_box input{ height: 46px!important; line-height: 46px!important; }
.cart_right .cart_sub{ height: 46px; }
.cart_right .input_box{ padding: 0 3%; }
.cart_right .cart_sub{ font-size: 14px; width: 150px; }
.finishes-content-row-items-details{ height: auto; padding-bottom: 0; }
.finishes-content-row-items-details .finishes-content-row-items-details-list-wr{ position: relative; }
.finishes-content-row-item-detail figure{ width: 100%; padding-bottom: 50%; position: static; overflow: hidden; }
.finishes-content-row-item-detail .finishes-content-item-detail{/* max-height: 300px; overflow: auto;*/ box-sizing: border-box; position: static; height: auto; width: 100%; padding: 3% 0; }
.finishes-content-row-items-details .finishes-content-row-items-details_actions{ position: static; float: right; margin-bottom: 2%; }
.finishes-content-row-item-detail .finishes-content-item-detail .code_title{ font-size: 16px; }
.generic-cta{ padding: 3%; }
.finishes-content-row-item-detail .finishes-content-item-detail p{ font-size: 12px; line-height: 16px; }
.finishes-content-row-item-detail .finishes-content-item-detail .pt28, .finishes-content-row-item-detail .finishes-content-item-detail .finishes-content-item-txt_note{ padding-top: 6px; }
.re_list .re_detail dd{ font-size: 12px; width: 50%; padding-right: 5px!important; }
.re_list .re_detail dd span{ margin-right: 5px; }
.re_list .re_top .title font{ font-size: 12px; padding: 0 5px; }
.re_list .re_info .box{ width: 100%; padding: 0; margin-bottom: 1%; }
.re_list .re_info{ font-size: 12px; line-height: 20px; }
.re_list .re_top .fr{ padding-right: 15px; font-size: 12px; background-size: 10px; margin-top: 5px; clear: both; }
.re_list .re_top .title{ max-width: 100%; }
.re_list .re_top{ padding: 2% 0; }
.re_list .re_info{ padding: 3% 4.5%; }
.re_list .re_detail{ padding: 3% 4.5%; }
.re_list .re_detail{ line-height: 20px; }
.re_h2{ font-size: 20px; }
.info_box{ width: 100%; margin-right: 0!important; max-width: 100%; }
.info_con .info_h2{ font-size: 20px; }
.info_box span,.info_box label,.info_con input,.info_con .sod_select{ font-size: 14px; }
.info_con .box{ margin-bottom: 8%; }
.cart_wrap{ padding: 30px 0; height: 170px; }
.cart_wrap .tips{ margin: 4% 0; }
.cart_wrap .cart_btn a{ width: auto; padding: 0 10px; min-width: 60px; margin: 0 1%; box-sizing: border-box; }
.cart_sel_list label{ border-width: 1px; }
.cart_bot .cart_sel_list .cart_sel_box{ width: 100%!important; margin: 0!important; }
.cart_bot .cart_sel_list .text{ line-height: 16px; }
.cart_bot .cart_sel_slist .text p,.cart_bot .cart_sel_blist .text p, .cart_bot .cart_sel_blist .text span{ max-height: 32px; }
.cart_bot .cart_detail .input_box{ width: 100%; margin-bottom: 0; }
.cart_bot .cart_detail .cart_sub{ font-size: 14px; width: 150px; }
.cart_bot .cart_detail .price{ margin: 3% 0; }
.cart_bot .cart_sel_blist label{ margin-bottom: 2%; height: 140px; }
.cart_bot .cart_sel_slist label{ margin-bottom: 2%; }
.order_tit .tit_product h2{ font-size: 14px; line-height: 1; margin-bottom: 1%; }
.order_tit .tit_product h3{ font-size: 12px; line-height: 1; }
.order_li .order_tit .part1{ margin-bottom: 1%; }
.shop_list .span_gray{ margin: 0; }
.order_tit .tit7,.order_box .btit4{ width: 80px; }
.order_tit .tit8,.order_box .btit5{ width: calc(100% - 80px); }
.tit_number .minus,.tit_number .b_add{ width: 20px; }
.tit_number .number{ margin: 0 3px; }
.order_tit .tit3, .order_tit .tit6, .order_tit .tit4, .order_tit .tit5, .order_box .btit2, .order_box .btit3, .order_box .btit4, .order_box .btit5{ padding: 0 2%; vertical-align: middle; }
.order_tit label{ height: 50px; line-height: 50px; }
/*.order_box .btit1{ padding: 0 3%; }*/
.order_box .btit1 .img{ width: 20%; }
.order_box .btit1 .text{ margin-left: 5%; width: 70%; }
.order_box .box1{ width: 100%; margin-bottom: 2%; }
.order_box .box2, .order_box .box3{ width: 50%; text-align: center; word-break: break-all; }
.order_box h4{ margin-bottom: 0; }
.box_price{ display: block; }
.shop_list_top, .shop_list_bot{ padding: 5% 3%; }
.shop_list_btn a{ width: 120px; height: 46px; line-height: 46px; font-size: 14px; margin-right: 4%; }
.shop_list_top h2{ font-size: 18px; }
.shop_list_total .fr a{ padding: 2% 0; margin-bottom: 3%; }
.user-other p{ margin-bottom: 0; }
.user-other .list a{ margin-right: 10px; width: 35px; height: 35px; }
.re_wrap .mCSB_container{ padding-right: 20px; }
.re_wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ right: 0; }
}

@media screen and (max-width: 500px){
.r_main .code_item .code_input{ width: 100px; font-size: 14px; }
.r_main .code_item input{ width: calc(100% - 108px); }

}

 

@media screen and (max-width: 340px){
.shopbot .select_box .dropdown{ display: block; width: 100%; margin-bottom: 10px; }
.re_form span, .re_form input, .re_form textarea, .re_form .sod_select{ font-size: 13px; }
.cart_wrap{ height: 160px; }
}

/*网站地图*/
.content-block{ padding-top: 5%; }
.wrapper-content {
    max-width: 2220px;
    margin-left: auto;
    margin-right: auto;
}
.padding-small {
    padding-left: 5%;
    padding-right: 5%;
}
.row {
    display: block;
}
@media screen and (min-width: 769px){
  .padding-small {
      padding-left: 4%;
      padding-right: 4%;
  }
}
.sitemap-html h2 {
    margin-bottom: 30px; font-size: 24px; font-weight: bold;
}
.col-12 {
    float: left;
    display: block;
    margin-right: 4.34783%;
    width: 100%;
}
.col-12:last-child {
    margin-right: 0;
}
.sitemap-html h3 {
    margin-bottom: 15px; font-size: 20px; font-weight: bold;
}
.sitemap-html ul li {
    margin-bottom: 5px;
}
.sitemap-html ul a {
    display: inline-block;
    padding: 2px 0;
} 
.sitemap-html ul a:hover{ color: #d61518; }
.wrapper-content:after {
    content: "";
    display: table;
    clear: both;
}

 

/*** 项目介绍 **/
.project_l { width:49%; float:left; margin-right:2% }
.project_r { width:49%; float:left }
.project_msg h2 { font-size:24px; color:#111; margin:10px auto }
.project_msg p { padding-left:20px; font-size:18px; background:url(../images/project_p.jpg) no-repeat left 8px; margin:0px 5px 7px 5px; line-height:28px;}



/*** 产品详情 **/
.proshow { min-height:300px }
.proshow { width:100%; height: auto; font-size:16px; line-height:2; padding:20px 0; }
.proshow .baseWidth { position:relative; height:100%}
.proshow .img { width:40%; height:100%; text-align:center; float:left; margin-left:5%;  vertical-align:middle}
.proshow .img img { max-width:100%; vertical-align:middle }
.proshow .text { width:50%; height:100%; box-sizing:border-box; float:right; position:relative; }
.proshow .text h3 { color:#1b70cb; font-size:20px; margin-top:20px }
.proshow .prodate li { display:inline-block; min-width:240px  }
.proshow .prodate li.li1 { display:block }
.proshow .prodate li span { }


 
@media screen and (max-width: 1040px){
.proshow { height:300px;font-size:14px;}
}
@media screen and (max-width: 760px){
.project_l { width:100%; float: none; margin-right:0; margin-bottom:15px; }
.project_r { width:100%; float:none; }
.project_msg h2 { font-size:20px; margin:7px auto }
.project_msg p { padding-left:20px; line-height:22px; font-size:15px;  }

.proshow { height:auto; }
.proshow .img { width:100%; height: auto; float:none; margin-left:0  }
.proshow .img img { height: auto; max-width:80% }
.proshow .text { width:94%; margin:0px 3%; height: auto; float: none;padding:12px 0; }
.proshow .text p span.span { display:inline-block; width:56px;}
.proshow .text p.term { position: relative; bottom:0; margin-top:20px }
}


/*** 用品列表 **/
.supply_img { padding:4% 0; text-align:center }
.supply_img img { max-width:100% }

.supply_submenu { border-top:1px solid #ddd; text-align:right;  }
.supply_submenu ul { }
.supply_submenu span { float:left; font-size:22px}
.supply_submenu ul li { margin:0 0 0 3%; font-size:16px }
@media screen and (max-width: 1068px){
.supply_submenu { border-top:1px solid #ddd; text-align:left;  }	
.supply_submenu span { display:none }
}


/*案例*/
.case-list { padding:1% 0 }
.case-list ul li { position:relative; width:31%; float:left; margin-right:3.5%; margin-bottom:3%; background:#fff }
.case-list ul li:nth-of-type(3n) { margin-right:0 }
.case-list ul li .clearfix { position:relative;}
.case-list ul li .pic { position:relative; background:#eee }
.case-list ul li .pic .zoom { padding-bottom:70%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.case-list ul li .text a { display: block; position:absolute; left:0; right:0; bottom:0; top:0; color:#fff; padding:10%; }
.case-list ul li .text h3 { position:absolute; bottom:0px; left:0; right:0; padding:20px; font-size:18px; text-align:center; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.02) 10%, rgba(0, 0, 0, 0.3) 90%); color:#fff; }
.case-list ul li:hover .text a { display: block;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.case-list ul li:hover .pic .zoom span {  }
.case-list ul li .txt { padding:15px 5px; }
.case-tit { color:#0860d2; }
.case-tit>h3 { font-size:24px; }
.case-con { background:#fff; margin:2% auto }
.case-con>h2 { color:#0860d2; font-size:32px; margin-bottom:20px; line-height:1.3 }
.load-more { text-align:center }
.load-more a { display:inline-block; padding:12px 30px 12px 60px; background-color:#0860d2; color:#fff; text-transform:capitalize; cursor:pointer; background:#2c5ba8 url(../img/yuan.png) no-repeat 20px center;}


/*** 店铺 **/
.infos_link { margin:0px auto 40px auto; text-align:center}
.infos_link br { display:none}
.infos_link select { border:1px solid #ddd; width:200px; height:40px; padding:0px 5px; font-family:"微软雅黑"; color:#333 }
.infos_link select#nativeplace_sec { display:none}
.infos_link select#infotype_son { display:none}
.infos_link input { border:1px solid #ddd; width:220px; height:38px; padding:0px 10px; color:#555;font-family:"微软雅黑";  }
.infos_link input.submit { cursor:pointer; width:70px; height:38px; color:#fff; text-align:center; background:#d61518; padding:0px; border: none; font-size:15px;  }
@media screen and (max-width: 786px){
.infos_link select {  height:30px; width:36%; }
.infos_link input.inputtext { display:none }
.infos_link input.submit { height:28px; width:20%}
}

/*** 分页样式 **/
.dede_pages{ margin:3% auto; clear:both; text-align:center; height: auto; }
.dede_pages ul li{
	display: inline-block;
	line-height:28px;height:28px;
	margin:0 3px;
	overflow:hidden;
}
.dede_pages ul li a { color:#555; display: inline-block;padding:0px 5px 0px 5px;  }
.dede_pages ul li:hover{ color:#d61518; text-decoration:none; }
.dede_pages ul li:hover a { color:#d61518; }
.dede_pages ul li.active,
.dede_pages ul li.active a,.pagebox ul li.active a:hover { color:#01b0f1;  }
.dede_pages ul li.active { }
.dede_pages .pageinfo { color:#888; margin-right:7px  }
.dede_pages .pageinfo strong { font-weight:normal;	margin:0px 2px;}
.dede_pages ul li select { height:22px; padding-left:3px}



/*** 分页样式 **/
.search-pagination{ padding:2% 0; clear:both; text-align:center; height: auto; }
.search-pagination ul li{ display: inline-block; line-height:32px;height:32px; border-radius:50px; margin:0 5px;overflow:hidden; background:#fff; border:1px solid #ddd }
.search-pagination ul li a { color:#555; display: inline-block; min-width:32px; }
.search-pagination ul li.total a { padding:0px 20px; }
.search-pagination ul li:hover{ color:#0860d2; text-decoration:none; }
.search-pagination ul li:hover a { color:#00a1e8; }
.search-pagination ul li.active,
.search-pagination ul li.active a,.pagebox ul li.active a:hover { color:#fff; background:#00a1e8  }
.search-pagination ul li.active { }


.focus{ position:relative; width:100%; height:auto; }  
.focus img{ width: 100%; height: auto;} 
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .fcon{ position:relative; width:100%; float:left; display:none;  }  
.focus .fcon img{ display:block; }  

/**首页切换**/
.focus .D1fBt { height:22px; text-align:center; padding:10px 0; font-size:18px; background:#fff }
.focus .D1fBt a{ display:inline-block; border-right:1px solid #555; height:18px;line-height:18px; padding:0px 3%; cursor:pointer;  }  
.focus .D1fBt a:last-child { border:none }  
.focus .D1fBt .current,.focus .D1fBt a:hover{ color:#d61518 }    

@media screen and (max-width: 724px){
.focus .D1fBt { font-size:16px;}	
}